Muhammad Al-Xorazmiy nomida Toshkent Axborot texnologiyalari universiteti Mustaqil ish Mavzu: css da formalar Guruh: 020-21 Bajardi: Jo'rayev Otabek Tekshirdi: Yuldashov Sh. Toshkent 2023

CSS Syntax
CSS bayonotining 3 ta elementi:

• 
  Selektor
  

U qaysi HTML bo'limlariga ta'sir qiladi?

• 
  Mulk
  

Ushbu HTML bo'limining qaysi atributiga ta'sir qiladi?

• 
  Qiymat
  

Ushbu atributga qanday o'zgartirish kiritiladi?


CSS sintaksisi: Selektorlar

• 
  There are many kinds of selectors and many ways to reference them:
  

• 
  Turi, sinfi, identifikatori, psevdo va boshqalar
  

• 
  HTML turi tegi - teg turi bilan tanlangan
  

p { font-size: 10px;
font-color: White; }

Content

• 
  Class atributi - sinfdan oldin nuqta qo'ying
  

.myinfo { font-size: 10px;
font-color: White; }

class=“myinfo”>Content

Other content

Cascading Inheritance

• 
  Ichki elementlar xossalarni ota-onasidan meros qilib oladi
  
  
  body { font-family: Verdana;
  font-size: 14px; }
  
• 
  Agar siz tegi uchun uslubni belgilasangiz, u HTML sahifangizdagi barcha tarkibga ta'sir qiladi.
  

body { font-family: Verdana;
font-size: 1.1em; }
.littletext { font-size: 8px; }

This text is larger.

This text is smaller.

Agar siz meros qilib olingan sozlamalarni bekor qilmoqchi bo'lsangiz, ko'proq mahalliy elementda uslubni ko'rsatishingiz kerak