Bo'limini ichida yuritiladi. Namuna


Download 1.63 Mb.
bet6/8
Sana05.05.2023
Hajmi1.63 Mb.
#1426924
1   2   3   4   5   6   7   8
Bog'liq
2-amaliy

CSS atribut selektorlari
Faraz qilaylik, bizning kodimizda ba'zi atributlarga ega bo'lgan elementlar bor, lekin ularning barchasi bir-biridan farq qiladi va tire bilan yozilgan va biz sinf nomi ma'lum bir so'z bilan boshlanadigan barchani tanlashimiz kerak, masalan, "selektor" va sinflar ajratilgan "-" belgisi. Bu holatda nima qilish kerak? Selektor yozuvi kvadrat qavslar bilan boshlanadi, bu yerda avval atribut nomi yoziladi, keyin vertikal chiziq, "=" belgisi va "selektor": "ma'lumotlar-|= selektor". Keyinchalik, o'zgartirmoqchi bo'lgan kerakli xususiyatni yozing. Natijada, berilgan parametrlarga ega element tanlanadi. Sinflarni o'zgartirish orqali siz kodning ma'lum qismlarining xususiyatlarini o'zgartirishingiz mumkin. Agar sinf nomlari tire bilan emas, balki bir so'z bilan yozilsa, ular ham tanlanishi mumkin, lekin biroz boshqacha belgidan foydalangan holda. Bunday holda, vertikal chiziq "^" belgisi bilan almashtiriladi: "ma'lumotlar ^ = selektor". Bunday selektor sinf nomining boshi bilan pastki qatorni tanlaydi.



Pseudo-klasslar maxsus selektorlardir
Ulanishlar uchun odatda CSS uslubining maxsus selektorlari qo'llaniladi, ular o'zlarining turli holatlarini ko'rsatadilar: tinch, diqqat markazida, faol, o'tgan - ular psevdo-sinflar deb ataladi. Kursor o'rnatilgan faol havola uchun psevdo-sinf quyidagicha yoziladi: "a:active". Keyinchalik ba'zi xususiyatlar keladi, ko'pincha fon o'zgaradi yoki soya qo'shiladi. Agar siz ushbu xususiyatni havolaga qo'shsangiz va ustiga bossangiz, u o'z rangini belgilangan rangga o'zgartiradi. Boshqa psevdo-sinf - hover havola allaqachon o'tganligini ko'rsatadi. Bu shunday yozilgan: "a: hover".


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.

Download 1.63 Mb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling