Fontos A Kaszkád megváltoztatása
Az egyik legjobb módja annak, hogy megtanulják, hogyan kódolja a webhelyeket, hogy megnézze a többi webhely forráskódját. Ez a gyakorlat az, hogy hány webes szakember tanult a művészet, különösen az előtt a napokban volt annyi lehetőség a web design tanfolyamok , könyvek és online képzési helyek.
Ha megpróbálod ezt a gyakorlatot, és megnéznéd a webhely görbéi stíluslapjait (CSS), akkor egy olyan dolog, amit ebben a kódban látsz, olyan sor, ami!
Mit jelent ez, és éppúgy fontos, hogyan használod helyesen ezt a nyilatkozatot a stíluslapodban?
A CSS Cascade
Először is, fontos megérteni, hogy a lépcsőzetes stíluslapok valóban kaszkádok , vagyis egy bizonyos sorrendbe kerülnek. Általában ez azt jelenti, hogy a stílusokat a böngésző által olvasott sorrendben alkalmazzák. Az első stílus kerül alkalmazásra, majd a második és így tovább.
Ennek eredményeképpen, ha egy stílus a stíluslap tetején jelenik meg, majd a dokumentum alsó részén lefelé változik, akkor a stílus második példánya a későbbiekben alkalmazott példányok, és nem az első. Alapvetően, ha két stílus ugyanazt mondja (ami azt jelenti, hogy ugyanolyan szintűek a sajátosságuk), az utolsót felsorolják.
Például képzeljük el, hogy a következő stílusok szerepelnek a stíluslapban. A bekezdés szövege fekete színnel jelenik meg, annak ellenére, hogy az első stílus tulajdonsága vörös.
Ez azért van, mert a "fekete" érték a második. Mivel a CSS leolvasható, a végső stílus "fekete", ezért az egyik nyer.
p {szín: piros; }
p {szín: fekete; }
Hogyan! Fontos A prioritás megváltoztatása
Most, hogy megérted, hogy ezek a majdnem azonos szabályok a CSS által feldolgozottak, megvizsgálhatjuk, hogy a fontos irányelv miként változtatja meg a dolgokat.
A fontos irányelv befolyásolja azt a módot, ahogyan a CSS kaszkad, miközben követik a legfontosabbnak ítélt szabályokat, és alkalmazni kell őket. A fontos irányelvvel rendelkező szabályt mindig alkalmazni kell, függetlenül attól, hogy melyik szabály jelenik meg a CSS dokumentumban.
Ahhoz, hogy a bekezdés szövege mindig vörös legyen, a fenti példából a következőket használja:
p {szín: piros! fontos; }
p {szín: fekete; }
Most az összes szöveg piros színnel jelenik meg, annak ellenére, hogy a "fekete" érték szerepel a második helyen. A fontos irányelv felülmúlja a kaszkád normális szabályait, és ez a stílus nagyon magas specifikusságot biztosít.
Ha feltétlenül szükséged lesz arra, hogy a bekezdések pirosak legyenek, ez a stílus meg fog tenni, de ez nem jelenti azt, hogy ez jó gyakorlat. Nézzük meg a következőket, amikor érdemes használni, fontos és amikor nem helyénvaló.
Mikor kell használni?
A fontos irányelv nagyon hasznos, ha webhelyet tesztel és hibakeresést végez. Ha nem vagy biztos benne, hogy miért nem alkalmazzák a stílust, és úgy gondolja, hogy ez egy specifikus probléma, akkor hozzáadhatja a fontos nyilatkozatot a stílusához, és megnézheti, hogy ez javítja-e.
Ha a hozzáadást fontosnak tartja, akkor helyesen oldja meg a stílusproblémát, akkor pontosan meghatározta, hogy ez egy specifikus kérdés. Azonban nem akarod elhagyni azt a fontos kódot a helyén, csak tesztelés céljából helyezték el.
Mivel a tesztelés megtörtént, most törölje az irányelvet, és állítsa be a választót, hogy elérje azt a sajátosságot, amelyre szüksége van ahhoz, hogy stílusa működjön. Fontos, hogy ne lépjen be a termelési helyszínekbe, részben azért, mert megváltoztatja a normál kaszkádot.
Ha túl erősen hajolsz a fontos beszámolókra, hogy elérd a kívánt stílusokat, akkor végül egy stíluslapot találsz a fontos stílusokkal. Alapvetően megváltoztatja az oldal CSS feldolgozásának módját. Ez egy lusta gyakorlat, amely nem jó a hosszú távú irányítási szempontból.
Fontos a teszteléshez, vagy bizonyos esetekben, amikor feltétlenül felül kell hagynia egy olyan témát, amely a témához vagy a sablon keretéhez tartozik.
Még ezekben az esetekben is használja ezt a megközelítést annyira takarékosan, és inkább törekedjen írni tiszta stíluslapokat, amelyek megértik a kaszkádot.
Felhasználói stíluslapok
Van egy végső megjegyzés a fontos irányelvre, amely nélkülözhetetlen a megértéshez. Ezt az irányelvet azért hozták létre, hogy segítse a weboldal felhasználókat olyan stíluslapok kezelésében, amelyek megnehezítik az oldalak használatát vagy olvasását.
Általában, ha a felhasználó meghatároz egy stíluslapot a weboldalak megtekintéséhez, akkor a stíluslapot felülbírálja a weboldal szerzőjének stíluslapja . Ha a felhasználó olyan fontos stílust jelöl, ami fontos, akkor a stílus felülírja a weboldal szerzőjének stíluslapját, még akkor is, ha a szerző a!
Ez olyan felhasználók számára hasznos, akiknek bizonyos stílusokat kell beállítaniuk. Például, valaki megnövelheti az alapértelmezett betűméreteket az általuk használt valamennyi weboldalon. Az Ön által használt fontos irányelveket az Ön által létrehozott oldalakra korlátozva felhasználhatja minden olyan speciális igényt, amelyet a felhasználóknak szüksége lehet.
Szerkesztette Jeremy Girard