Parcel Demo

CSS qoidalar to'plamining anatomiyasi

Keling, yuqoridagi CSS-ni batafsilroq ko'rib chiqaylik:

Butun tuzilish qoidalar to'plami deb nomlanadi (lekin ko'pincha qisqalik uchun "qoida"). Shuningdek, alohida qismlarning nomlariga ham e'tibor bering:
Tanlovchi

Qoida to'plamining boshida HTML elementining nomi. U uslubni tanlash elementini tanlaydi (bu holda p elementlari). Boshqa elementga uslub berish uchun faqat selektorni o'zgartiring.

Deklaratsiya

Yagona qoida, masalan rang: qizil; elementning qaysi xususiyatlarini uslub qilishni xohlayotganingizni aniqlaydi.

Xususiyatlari

Muayyan HTML elementini uslublash usullari mavjud (bu holda rang

elementlari uchun xususiyatdir). CSS-da siz o'zingizning qoidangizga qaysi xususiyatlarga ta'sir qilishni xohlaysiz.

Mulk qiymati

Xususiyatning o'ng tomonida, yo'g'on ichakdan keyin bizda ushbu xususiyat uchun mumkin bo'lgan atributlardan birini tanlaydigan xususiyat qiymati mavjud (qizil rangdan tashqari, rang qiymatlari ham ko'p).

Sintaksisning muhim qismlariga e'tibor bering:

• 
  Har bir qoidalar to'plami (selektordan tashqari) jingalak qavslarga o'ralgan bo'lishi kerak ({}).
  
• 
  Xususiyatni qiymatlaridan ajratish uchun har bir deklaratsiyada ko'p nuqta (:) ishlatilishi kerak.
  
• 
  Har bir qoidalar to'plamida har bir deklaratsiyani keyingisidan ajratish uchun nuqta-vergul (;) dan foydalanishingiz kerak.
  

Shunday qilib, bir vaqtning o'zida bir nechta xususiyat qiymatlarini o'zgartirish uchun ularni quyidagi kabi vergul bilan ajratib yozishingiz kerak bo'ladi:
p {

rang: qizil;

kengligi: 500 piksel;

chegara: 1px qattiq qora;

}