Mikilvægar kröfur breytinga í Cascade
Ein besta leiðin til að læra hvernig á að kóða vefsíður er að skoða kóðann á öðrum vefsvæðum. Þessi æfing er hversu margir fagfólk á vefnum lærði iðn sína, sérstaklega á dögum áður en það voru svo margir möguleikar fyrir námskeið í vefhönnun , bækur og netþjálfunarsvæðum.
Ef þú reynir að æfa þetta og líta á cascading style sheets (CSS), þá er það eitt sem þú sérð í þessum kóða línu sem segir! Mikilvægt.
Hvað þýðir það og, jafnmikilvægast, hvernig notarðu þessi yfirlýsingu á réttan hátt?
The Cascade of CSS
Fyrst af öllu er mikilvægt að skilja að cascading style sheets gera örugglega Cascade , sem þýðir að þeir eru settar í ákveðna röð. Almennt þýðir þetta að stíllinn er notaður í þeirri röð sem þeir eru að lesa af vafranum. Fyrsti stíllinn er beittur og síðan seinni og svo framvegis.
Þar af leiðandi, ef stíll birtist efst á stílblaði og síðan er breytt lægra niður í skjalinu, er annað dæmi um þá stíl sem er sótt í síðari tilvikum, ekki í fyrsta lagi. Í grundvallaratriðum, ef tveir stafir eru að segja það sama (sem þýðir að þeir hafa sama stig af sérstöðu), þá verður síðasti notaður.
Til dæmis, við skulum ímynda sér að eftirfarandi stíll væri að finna í stílblað. Textaritunin yrði gerð í svörtu, jafnvel þó að fyrsta stíll eignarinnar sem er beitt sé rauður.
Þetta er vegna þess að "svört" gildi er skráð annað. Þar sem CSS er lesið efst til botn er endanleg stíll "svartur" og þess vegna vinnur maður.
p {litur: rauður; }
p {litur: svartur; }
Hvernig! Mikilvægt Breytir forgangnum
Nú þegar þú skilur hvernig þessar nánast sömu reglur eru unnar af CSS, getum við litið á hvernig mikilvægar tilskipanir breyta hlutunum svolítið.
Mikilvægar tilskipun hefur áhrif á hvernig CSS þinn felur í sér að fylgja reglunum sem þú telur eru mestu mikilvægar og ætti að beita. Regla sem hefur mikilvægar tilskipanir er alltaf beitt, sama hvar þessi regla birtist í CSS skjalinu.
Til að gera textaritið alltaf rautt, úr dæminu hér að ofan, notar þú:
p {litur: rauður! mikilvægt; }
p {litur: svartur; }
Nú birtist öll textinn í rauðum litum, jafnvel þótt "svört" gildi sé skráð annað. Mikilvægar tilskipunin brýtur í bága við eðlilegu reglurnar um Cascade og það gefur þennan stíl mjög mikla sérstöðu.
Ef þú þarft algerlega málsgreinarnar að birtast rautt, þá myndi þessi stíll gera það, en það þýðir ekki að þetta sé góð æfing. Við skulum líta næst þegar þú gætir viljað nota! Mikilvægt og þegar það er ekki viðeigandi.
Hvenær á að nota! Mikilvægt
The mikilvægur tilskipun er mjög gagnlegt þegar þú ert að prófa og kembiforrit vefsíðu. Ef þú ert ekki viss um að stíll sé ekki beittur og held að það sé sértæk vandamál getur þú bætt við mikilvægum yfirlýsingunni um stíl þinn til að sjá hvort það lagar það.
Ef þú bætir við! Mikilvægt er að laga stíl vandamálið, þá hefur þú bara ákveðið að það sé sértækt mál. Hins vegar viltu ekki láta þessa mikilvægu kóða í stað, það var aðeins sett þar til prófunar.
Þar sem prófanir eru gerðar ættir þú að fjarlægja þá tilskipun og stilla val þitt til að ná fram nákvæmni sem þú þarft til að fá þinn stíll að vinna. ! Mikilvægt ætti ekki að komast inn í framleiðslusvæðin þín, að hluta til vegna þess að það breytir eðlilegum Cascade.
Ef þú hallaði of mikið á mikilvægar yfirlýsingar til að ná tilætluðum stílum þínum, þá verður þú að lokum búinn að fá stílblöð með mikilvægum stílum. Þú verður að breyta í grundvallaratriðum hvernig CSS vinnslunnar er unnin. Það er latur æfing sem er ekki gott frá langtímastjórnunarhorni.
Notaðu! Mikilvægt fyrir próf eða, í sumum tilfellum, þegar þú verður algerlega að hunsa inline stíl sem er hluti af þema eða sniðmát ramma.
Jafnvel í þeim tilvikum skaltu nota þessa nálgun eins sparlega og mögulegt er og staðsetja í staðinn að skrifa hreint blöð sem skilja Cascade.
User Style Sheets
Það er ein endanleg athugasemd um mikilvægu tilskipunina sem er nauðsynleg til að skilja. Þessi tilskipun var einnig sett á fót til að hjálpa vefsíðum notendum að takast á við stílblöð sem gera síður erfitt fyrir þá að nota eða lesa.
Venjulega, ef notandi skilgreinir stílblað til að skoða vefsíður, þá er þessi stíll lakari af stíll blaðsíðu höfundar. Ef notandi merkir stíl sem mikilvægur, þá stíll þessi stíll yfir stíll blaðsíðu höfundar, jafnvel þótt höfundurinn marki reglu sem mikilvægur.
Þetta er gagnlegt fyrir notendur sem þurfa að stilla stíl á vissan hátt. Til dæmis gætir einhver þurft að auka sjálfgefin leturstærð á öllum vefsíðum sem þau nota. Með því að nota mikilvægar tilskipanir þínar sparlega á síðum sem þú býrð til, mætir þú öllum sérstökum þörfum sem notendur þínir kunna að hafa.
Breytt af Jeremy Girard