2-amaliy ish Mavzu: css bilan html hujjatni bog'lash usullari css sintaksisi. Selektor turlari. Css rang berish usullari, chegara,orqa fon, shrift margin va padding xususiyatlari. Box model tushunchasi

---

Faol va fokus holatlarining xususiyatlari
Faol ko'pincha boshqa holat - diqqat bilan aralashtiriladi. Bu shunday yoziladi: "a:
fokus" va klaviatura bilan ishlashda tugmaning faol holatini ko'rsatadi. Ya'ni, agar
siz TAB tugmasidan foydalansangiz, faol havola maxsus rangda ajratib ko'rsatiladi.
Bu xususiyatdan foydalanish kerak, chunki barcha foydalanuvchilar saytni kezish
uchun sichqonchadan foydalana olmaydi. Ba'zilarning ko'rish qobiliyati yomon
yoki boshqa sog'liq cheklovlari bo'lishi mumkin, shuning uchun ular kalitlar yoki
maxsus qurilmalar yordamida sahifada harakat qilishadi. Fokusdagi tugma holatiga
e'tibor bermaslik sayt dizaynidagi mavjudlik kabi parametr uchun katta minus
bo'lib, foydalanuvchilarning maxsus toifasi tomonidan tashrif buyurishiga sezilarli
ta'sir ko'rsatadi. Oddiy sichqoncha navigatsiyasi paytida havola ham faol, ham
fokuslangan bo'ladi. Shuning uchun, elementlarni uslublashda bunga e'tibor berish
kerak.
Pseudo elementlar
Pseudo-elementlar HTML tuzilmasining o'zida ularni aniqlamasdan muayyan
uslublarni o'rnatishga imkon beradi. Ular shunday yoziladi: selektor nomi, "::"
belgisi, psevdoelement nomi. Eng keng tarqalgan elementlar "oldin" va "keyin".
Ular "tarkib" xususiyatiga ega, ularni ichki uslublarga qo'llash mumkin emas.
"Keyin" ma'lum bir elementning mazmunidan keyin ba'zi tarkibni qo'shish uchun
kerak. Aniq kiritilishi kerak bo'lgan narsa "content" xususiyatiga yoziladi. Xuddi
shunday, "oldin" psevdo-element element tarkibidan oldin tarkibni qo'shadi. Ushbu
maxsus selektorlardan foydalanish, agar siz konteynerning ma'lum bir joyiga
kichik detal qo'shishingiz kerak bo'lsa, har safar kodni qisqartirish va uning bir
qismi uchun yangi tuzilma yozmaslik imkonini beradi. Ular sahifalarni uslublash
va ba'zi dekorativ elementlarni qo'shishda juda tez-tez ishlatiladi. Ushbu barcha

---

variantlarning kombinatsiyasi sahifada g'ayrioddiy effektlarni yaratishga yordam
beradi va maket dizaynerining ishiga katta yordam beradi.