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

Kompleks selektorlar

• 
  Nasl selektori - elementlarning avlodlarini tanlash (boshqa teg ichidagi teglar). Bo'shliq bilan ko'rsatilgan (ota-ona - bo'sh joy - bola).
  

div p (ba'zi uslublar; )

• 
  Child selektor - to'g'ridan-to'g'ri boshqa element ichiga joylashtirilgan elementni tanlaydi. ">" belgisi bilan ko'rsatilgan (ota-ona-check-child). To'g'ridan-to'g'ri ota-onadan keyin (birinchi joylashish darajasi) to'g'ridan-to'g'ri kelishi bilan bog'liq element asosiy elementdan farq qiladi. Boshqasi ichidagi har qanday teg, joylashtirish darajasidan qat'i nazar, avlod hisoblanadi.
  

Yon panel> ul (ba'zi uslublar; )

• 
  Sibling element selektori - boshqa tegdan keyin darhol keladigan tegni tanlaydi (ichiga o'ralgan emas, lekin keyin). Plyus bilan o'rnatiladi (birinchi element - ortiqcha - singlisi element). Amalda kamdan-kam qo'llaniladi. Ilova uchun zaruriy shart - bu birlashtirilgan "+" belgisi bo'lgan barcha elementlar uchun umumiy ota-onaning mavjudligi.
  

h1+ p (ba'zi uslub; )

Psevdosinflar va psevdoelementlar

CSS selektorlarining yuqoridagi tasnifi faqat hujjatning belgilanishiga bog'liq edi. Agar biz elementlarning ko‘rinishini uning sahifadagi holatining o‘zgarishiga qarab o‘zgartirmoqchi bo‘lsak (masalan, kursor ustidagi tugma rangini o‘zgartirish), u holda biz psevdosinf va psevdoelement selektorlaridan foydalanishimiz mumkin.

• 
  Esda tutingki, html-dan farqli o'laroq, CSS katta-kichik harflarga sezgir. Ya'ni,
  

.active va .Active sinflari bir xil narsa emas! Ular hujjatning turli elementlariga, agar mavjud bo'lsa, qo'llaniladi.

• 
  Bezatish uchun selektorlarni shunday nomlangki, keyin adashmaslik uchun:
  

.leftColumn yaxshi nom, .left - vaziyatga bog'liq, lekin unchalik yaxshi emas,
.llll - qandaydir axlat, o'zingiz aytasiz. kodga qaramasdan, bu sinf qaerdan kelgan?

• 
  Yana bir bor eslatib o'taman - agar sahifada faqat bitta element bo'lsa, shuning uchun hammasi noyob bo'lsa, biz buning uchun id dan foydalanamiz, lekin agar sahifada boshqa shunga o'xshash yoki shunchaki o'xshash elementlar bo'lishi mumkin bo'lsa, unda foydalaning bezatish uchun darslar.
  

HTML – standarti to’g’risidagi rasmiy ma'lumotlarni W3C konsortsiumining– Web–saytidan quyidagi adres bo’yicha olish mumkin: