Tegundir CSS eigindavalara - Semalt sérfræðingur

HTML frumefni samanstendur af flokki, auðkenni og eiginleikum. Eigindaval velur HTML þætti sem eru með eiginleika eða með eigindargildi. Eiginleikavalar bjóða upp á einfalda aðferð til að beita stílum á HTML þætti með ákveðna eiginleika eða eiginleikagildi. Eigindaval eru skilgreindir af tveimur fermetra sviga sem fylgja eigindinni með gildi þess. Þú getur samt sett valmynd frumgerðar fyrir það. CSS [attribute] valinn beitir stílreglunum á frumefni ef og þegar hann samanstendur af tilteknu eiginleiki.

Tegundir eigindavalara

Það eru mismunandi tegundir af eigindavalum sem hver og einn er hægt að nota í aðskildum tilvikum:

CSS [attribute | = "gildi"] Valið dregur fram þætti sem hafa ákveðna eiginleika og það byrjar með skilgreint gildi.

CSS [attribute ~ = "gildi"] Valinn er notaður til að finna þætti með eignargildi sem er með tiltekið orð.

CSS [attribute ^ = "gildi"] Valinn finnur þætti með fasteignaverðmæti sem betla með ákveðið gildi. Gildið er ekki endilega heilt orð.

CSS [attribute $ = "gildi"] Valinn finnur hluti sem hafa eigindargildi sem lýkur með skilgreindu gildi.

Forrit CSS eigindavalanna

Það eru ýmsar leiðir sem hægt er að nota eigindavalinn í stað þess að nota alhliða, stéttar eða auðkenni

Algengasta notkun eigindavalanna er á aðföngum. Meðal þeirra eru textavalar, gátreitavalar, lykilorðaval, skráarveljendur, falinn valtæki, lykilorðaval, útvarpsvals, endurstillingarvals og aðra.

Stílform

Eigindavalið er mjög gagnlegt þegar hönnun er gerð án flokks eða kennitölu.

Stíltenglar

Til dæmis er hægt að nota eigindaval til að stilla blogglist þar sem þú ert með lista yfir tengla á vinalegasíður. Hins vegar viltu að hver hlekkur sé stíll á annan hátt. Hefðbundna leiðin til að gera það er að úthluta nafni símtala sem krefjast fleiri álagningar. Samt gætirðu notað barnið sem krefst þess að pantanirnar breytist aldrei. Að nota eigindavalina gerir það svo auðvelt þar sem það er til eiginleiki sem þú getur miðað.

Landamæragögn

Stíll landamæraþátta með CSS landamyndareiginleikanum er glæsileg leið til að bæta myndum við líkamann. Það gerir þér kleift að skilgreina mynd sem landamæri frumefnisins. Landamyndin mætti stækka, sneiða, endurtaka á mismunandi vegu til að tryggja að hún passi á landamærasvæðið. Eiginleikar landgeislans gerir það kleift að bæta við ávölum hornum án þess að nota myndir. Eignin skilgreinir lögun hornsins.

Stíl litir

CSS eigindavalin gera það einfalt að stilla alla þætti sem hafa sérstakt litargildi. Þú getur notað litamerkið leitarorð, RGB (), RGBA (), HSL () og HSLA (). RGBA litagildin eru framlenging á RGB litlíkaninu með rás sem skilgreinir ógagnsæi litarins. Færibreytugildið er á bilinu frá1,0 (ógegnsætt} til 0,0 (gegnsætt)

HSL litlíkanið er útskýrt sem (Hue_mettun_Lightness). Litbrigði er í formi horns (0-360) eða litahjólsins. Mettun og léttleiki er mældur sem hlutfall sem 0% af mettun táknar skugga eða grátt meðan 100 táknar fullan lit. 100% léttleiki táknar hvítt á meðan 0% er svartur.