CSS atributlarini tanlash vositalarining turlari - Semalt Expert

HTML element klass, ID va atributlardan iborat. Atribut tanlagichi atribut yoki xususiyat qiymati bo'lgan HTML elementlarini tanlaydi. Attribut selektsiyalari ma'lum bir atribut yoki belgilar qiymati bilan HTML elementlariga uslublarni qo'llashning oddiy usulini ta'minlaydi. Atributni tanlovchilar ikki qavsli qavs bilan belgilanadi, ular atributni uning qiymati bilan qamrab oladi. Shunga qaramay, siz element turini tanlash vositasini qo'yishingiz mumkin. CSS [atribut] Selector uslub qoidalarini elementga, agar u qachondir ushbu belgidan iborat bo'lsa, qo'llaniladi.

Atributni tanlovchilar turlari

Turli xil atribut selektorlari mavjud, ularning har biri alohida holatlarda ishlatilishi mumkin:

CSS [atribut | = "value"] Selektor ma'lum bir xususiyatga ega bo'lgan elementlarni ta'kidlaydi va u belgilangan qiymatdan boshlanadi.

CSS [atribut ~ = "value"] Selektor ma'lum bir so'zga ega bo'lgan xususiyat qiymati bo'lgan elementlarni topish uchun ishlatiladi.

CSS [atribut ^ = "value"] Selektor ma'lum bir qiymatga ega bo'lgan so'rovda bo'lgan mulk qiymati bo'lgan elementlarni topadi. Qiymat, albatta, butun so'z emas.

CSS [atribut $ = "value"] Selektor aniqlangan qiymati bilan tugaydigan atribut qiymati bo'lgan tarkibiy qismlarni topadi.

CSS atributlarini tanlovchilarning dasturlari

Umumjahon, sinf yoki identifikator tanlagichidan foydalanish o'rniga atributlar selektoridan foydalanishning turli xil usullari mavjud

Atribut tanlagichlardan eng ko'p foydalaniladigan ma'lumotlar kirishlardir. Bular tarkibiga matn tanlagichlari, katakchalarni tanlash vositalari, parol tanlovchilar, fayl tanlovchilar, yashirin tanlovchilar, parol tanlagichlar, radio tanlovchilar, sozlamalarni tiklash va boshqalar kiradi.

Styling shakllari

Sinf yoki identifikatorsiz shakllarni uslublashda atributni tanlovchilar juda foydali.

Uslubga havolalar

Masalan, atributni tanlash vositalaridan do'stlar saytlariga havolalar ro'yxati mavjud bo'lgan bloglar jadvalini tuzishda foydalanish mumkin. Biroq, har bir havola boshqacha tarzda bezatilganini xohlaysiz. Aniqlashning an'anaviy usuli, qo'shimcha belgilarni talab qiladigan qo'ng'iroq nomini belgilashdir. Shunday bo'lsa-da, siz buyurtmalar hech qachon o'zgarmasligini talab qiladigan n-boladan foydalanishingiz mumkin. Siz atributni tanlovchilarni ishlatish uni osonlashtiradi, chunki siz maqsad qila oladigan atribut mavjud.

Chegara kirishlari

CSS chegaraviy tasvir atributidan foydalanib chegara elementlarini uslublash bu tanaga rasm qo'shishning oqlangan usulidir. Rasmni elementning chegarasi sifatida aniqlashga imkon beradi. Chegara tasvirini chegaralash hududiga mos kelishini ta'minlash uchun turli xil usullar bilan masshtablash, kesish, takrorlash mumkin. Chegaralar radiusi atributi rasmlardan foydalanmasdan yumaloq burchaklarni qo'shish imkonini beradi. Mulk burchakning shaklini belgilaydi.

Ranglarni bo'yash

CSS atributlarini tanlovchilar maxsus rang qiymatiga ega bo'lgan barcha elementlarni sodda qilib yaratadilar. Rangli kalit so'z, RGB (), RGBA (), HSL () va HSLA () belgilaridan foydalanishingiz mumkin. RGBA rang qiymatlari RGB rang modelining rangning shaffofligini belgilaydigan kanal bilan kengaytmasi. Parametrlar qiymati 1.0 (noaniq) dan 0.0 gacha (shaffof)

HSL rang modeli (Hue_saturation_Lightness) sifatida tushuntiriladi. Hue vakili burchak (0-360) yoki rangli g'ildirak shaklida. To'yinganlik va yengillik o'lchanadi, chunki foiz bilan to'yinganlikning 0% soyani yoki kul rangni, 100 ta rang esa to'liq rangni anglatadi. 100% ochiqlik oqni, 0% esa qora rangni bildiradi.