Cascading Style Sheets eða CSS eru sett upp þannig að þú getir haft marga eiginleika sem hafa áhrif á sama frumefni. Sumir þessir eiginleikar geta komið í bága við hvert annað. Til dæmis gætirðu stillt leturlit af rauðum litum á málsgreininni og síðan settu letur lit af bláum lit. Hvernig veit vafrinn hvaða litur er til að gera málsgreinar? Þetta er ákveðið af Cascade.
Tegundir Style Sheets
Það eru þrjár mismunandi gerðir af stílblöðum:
- Höfundur Style Sheets
- Þetta eru stílblöð búin til af höfundi vefsíðunnar. Þeir eru það sem flestir hugsa um þegar þeir hugsa um CSS stílblöð.
- User Style Sheets
- Notandi stíll blöð eru sett af notanda vefsíðunnar. Þetta gerir notandanum kleift að hafa meiri stjórn á því hvernig síðurnar birtast.
- User Agent Style Sheets
- Þetta eru stíll sem vefskoðarinn á við um síðuna til að birta þessa síðu. Til dæmis, í XHTML sýna flestir augnsýnir umboðsmenn merkið sem skáletrað texta. Þetta er skilgreint í stílblöð notendamiðilsins.
Eiginleikar sem eru skilgreindar í hverju ofangreindra stílblöð eru gefin upp þyngd. Sjálfgefið hefur höfundarstíllarkið mestan þyngd og síðan notandastíl blaðsins, og að lokum með stílblöð notendamiðilsins. Eina undantekningin frá þessu er með mikilvægu reglunni í notendastíl. Þetta hefur meira vægi en stíll blaðsins.
Cascading Order
Til að leysa úr átökum notast vafrar með eftirfarandi flokkunarkerfi til að ákvarða hvaða stíll hefur forgang og verður notaður:
- Í fyrsta lagi að leita að öllum yfirlýsingum sem eiga við um hlutann sem um ræðir og fyrir úthlutað fjölmiðla.
- Kíktu síðan á hvaða stílhlið það kemur frá. Eins og hér að framan koma höfundarstílblöð fyrst, þá notandi, þá notandi umboðsmaður. Með mikilvægum notendastílum sem hafa meiri forgang en höfundar! Mikilvægar stíll.
- Því meira sem tiltekið val er, því meiri mun það verða. Til dæmis mun stíll á "div.co p" hafa meiri forgang en einn bara á "p" merkinu.
- Að lokum skaltu raða reglunum eftir þeirri röð sem þeir voru skilgreindir. Reglur sem eru skilgreindar síðar í skjalatréinu hafa meiri forgang en þau sem skilgreind voru áður. Og reglur frá innfluttum stíl lak eru í huga áður en reglur eru beint í stílblaðinu.