Selektorlar turlari, css rang berish usullari, chegara, orqa fon, shrift, margin va padding xususiyatlari. Box model tushunchasi. Box model qoidalari

CSS selektorlari turlari

Matndagi jumlalar singari, CSS selektorlari ham oddiy va murakkab shakllarda keladi. Ularning orasidagi farq shundaki, murakkablar bir nechta oddiylarni birlashtirish orqali olinadi va resursning yakuniy dizaynini nozik sozlash uchun ishlatiladi.

Faqat kaskadli uslublar jadvallaridagi oddiy matndan farqli o'laroq, biz qanday tartibda va qanday selektorlardan foydalanishimiz muhim. Bundan tashqari, biz nafaqat qanday elementlarni va qanday asosda tanlaymiz, balki umuman kodimizni qayta ishlash tezligi ham bunga bog'liq bo'ladi, ammo biz keyingi maqolalarda nozikliklar haqida gaplashamiz.

Oddiy selektorlar

• 
  Umumjahon selektor hujjatdagi barcha elementlarni tanlash uchun javobgardir. Yulduzcha bilan belgilangan. Odatda ularda o'rnatilgan brauzerlarning uslublarini tiklash uchun foydalaniladi, shunda saytga tashrif buyurgan har bir kishi o'zining brauzer sozlamalari yoki turli xil plaginlardan foydalanganda dizaynni yo'qotmaydi ...
  

• 
  (ba'zi uslub; )
  

• 
  Type Selector - ma'lum bir turga mos keladigan barcha teglarni tanlaydi. Teg nomi bilan belgilanadi. Hujjatlarni loyihalashning umumiy qoidalarini o'rnatish
  

uchun ishlatiladi, masalan, sarlavhalar va hujjatning oddiy matni uchun turli shriftlarni o'rnatish.

h1 (ba'zi uslub; )

• 
  - ma'lum bir sinf nomiga ega barcha teglarga CSS qoidasini qo'llaydi. Nuqta bilan belgilangan sinf nomidan keyin darhol yoziladi. Ehtimol, tartibdagi eng keng tarqalgan selektor. U odatda bir xil turdagi teglar uchun turli uslublarni o'rnatish uchun ishlatiladi, lekin funksionallik jihatidan farq qiladi.
  

Chap ustun (ba'zi uslub; )

• 
  ID selektori sahifadagi noyob elementlarni uslublash uchun ishlatiladi. Xesh va id nomi bilan o'rnatiladi. Agar siz bitta sahifa elementini uslublashingiz kerak bo'lsa, u ishlatiladi.
  

#alertButton (ba'zi uslublar; )

• 
  – atributi mavjud teglarni tanlaydi. Kvadrat qavs ichida atribut nomi bilan ko'rsatilgan. U ko'rsatilgan atribut oddiygina mavjud bo'lgan teglar guruhini loyihalash uchun ham, ma'lum bir qiymatga ega ko'rsatilgan atribut mavjud bo'lgan teglar guruhi uchun ham ishlatilishi mumkin.
  

[ turi] ( ba'zi uslublar; ) [ turi = "yuborish" ] ( ba'zi uslublar; ) kiritish[ turi = "yuborish"

] ( ba'zi uslublar; )