CSS atribūtu atlasītāju veidi - Semalt Expert

HTML elements sastāv no klases, ID un atribūtiem. Atribūtu atlasītājs izvēlas HTML elementus, kas raksturo atribūtu vai ar atribūta vērtību. Atribūtu atlasītāji nodrošina vienkāršu metodi stilu piemērošanai HTML elementiem ar noteiktu atribūta vai pazīmes vērtību. Atribūtu atlasītājus definē ar diviem kvadrātiekavām, kas apzīmē atribūtu ar tā vērtību. Tomēr pirms tā varat ievietot elementa tipa atlasītāju. CSS [atribūtu] atlasītājs stila noteikumus piemēro elementam, ja un kad tas sastāv no dotās iezīmes.

Atribūtu atlasītāju veidi

Ir dažādi atribūtu atlasītāju veidi, kurus katru var izmantot atsevišķiem gadījumiem:

CSS [atribūts | = "vērtība"] atlasītājs izceļ elementus, kuriem ir noteikta iezīme, un tas sākas ar noteiktu vērtību.

CSS [atribūts ~ = "vērtība"] Atlasītājs tiek izmantots, lai atrastu elementus ar rekvizītu vērtību, kurā ietverts noteikts vārds.

CSS [atribūts ^ = "vērtība"] Atlasītājs atrod elementus ar īpašuma vērtību, kas ubago ar noteiktu vērtību. Vērtībai nav obligāti jābūt veselam vārdam.

CSS [atribūts $ = "value"] Atlasītājs atrod komponentus, kuriem atribūta vērtība beidzas ar noteiktu vērtību.

CSS atribūtu atlasītāju lietojumprogrammas

Atribūtu atlasītāju var izmantot dažādos veidos, nevis izmantot universālo, klases vai ID atlasītāju

Visbiežāk atribūtu atlasītājus izmanto ieejās. Tie ietver teksta atlasītājus, izvēles rūtiņu atlasītājus, paroļu atlasītājus, failu atlasītājus, slēptos atlasītājus, paroļu atlasītājus, radio selektorus, atiestatīšanas selektorus un citus.

Veidošanas formas

Atribūtu atlasītāji ir ļoti noderīgi, veidojot veidlapas bez klases vai ID.

Stila saites

Piemēram, atribūtu atlasītājus var izmantot, lai veidotu dienasgrāmatu, kur jums ir saišu saraksts uz draugu vietnēm. Tomēr jūs vēlaties, lai katra saite būtu veidota atšķirīgi. Tradicionālais veids, kā to panākt, ir piešķirt zvana vārdu, kam būtu nepieciešams lielāks uzcenojums. Tomēr jūs varat izmantot n-to bērnu, kas prasa, lai pasūtījumi nekad nemainītos. Atribūtu atlasītāju izmantošana padara to tik vienkāršu, jo ir atribūts, kuru varat atlasīt.

Robežu ieejas

Robežu elementu veidošana, izmantojot CSS apmales attēla atribūtu, ir elegants veids, kā pievienot attēlus ķermenim. Tas ļauj definēt attēlu kā elementa apmali. Apmales attēlu var mērogot, sagriezt šķēlēs un dažādos veidos atkārtot, lai pārliecinātos, ka tas iederas pierobežā. Robežu rādiusa atribūts ļauj pievienot noapaļotus stūrus, neizmantojot attēlus. Īpašums nosaka stūra formu.

Stila krāsas

CSS atribūtu atlasītāji vienkāršo visu to elementu stilu, kuriem ir īpaša krāsu vērtība. Varat izmantot krāsu atslēgvārdu, RGB (), RGBA (), HSL () un HSLA () apzīmējumus. RGBA krāsu vērtības ir RGB krāsu modeļa paplašinājums ar kanālu, kas nosaka krāsas necaurredzamību. Parametru vērtība svārstās no 1,0 (necaurspīdīga} līdz 0,0 (caurspīdīga)

HSL krāsu modelis tiek skaidrots kā (Hue_saturation_Lightness). Nokrāsa tiek attēlota leņķa (0-360) vai krāsu paletes veidā. Piesātinātību un vieglumu mēra procentos. 0% piesātinājuma norāda ēnu vai pelēku krāsu, bet 100 attēlo pilnkrāsu. 100% gaišums ir balts, bet 0% ir melns.

mass gmail