A Cascading Style Sheets (Cascading Style Sheets) vagy CSS (Cascading Style Sheets) vagy CSS (CSS) beállítása úgy történik, hogy sok tulajdonsága ugyanazt az elemet érinti. E tulajdonságok némelyike ellentétes lehet egymással. Például beállíthat egy piros színű betűtípust a bekezdés címkéjére, majd később beírhatja a kék színű betűszínét. Hogyan tudja a böngésző tudni, hogy melyik színre kívánja tenni a bekezdéseket? Ezt a kaszkád határozza meg.
Típuslapok típusai
Három különböző stíluslap létezik:
- Szerzői stíluslapok
- Ezek a weblap szerzője által létrehozott stíluslapok. Ezek azok, amiket a legtöbb ember gondol, amikor a CSS stíluslapokra gondolnak.
- Felhasználói stíluslapok
- A felhasználói stíluslapokat a weboldal felhasználója állítja be. Ezek lehetővé teszik a felhasználó számára, hogy jobban irányíthassa az oldalak megjelenítésének módját.
- Felhasználói ügynök stíluslapok
- Ezek olyan stílusok, amelyeket a webböngésző az oldalra érvényes az oldal megjelenítéséhez. Például XHTML-ben a legtöbb vizuális felhasználói ügynök a címkét dőlt szövegként jeleníti meg . Ezt a felhasználói ügynök-stíluslap határozza meg.
A fenti stíluslapokban megadott tulajdonságok súlyt kapnak. Alapértelmezés szerint a szerző stíluslapja a legnagyobb súlyt követi, majd a felhasználói stíluslapot, végül pedig a felhasználói ügynök stíluslapját. Az egyetlen kivétel ez a felhasználói stíluslap fontos! Szabálya. Ennek súlya nagyobb, mint a szerző stíluslapja.
Cascading Order
A konfliktusok megoldásához a webböngészők a következő rendezési sorrendet használják annak meghatározására, hogy melyik stílust élvezhessék és használják:
- Először keresse meg a szóban forgó elemre és a hozzárendelt médiatípusra vonatkozó összes nyilatkozatot.
- Majd nézd meg, milyen stíluslapból származik. Mint fent, a szerző stíluslapjai először, majd a felhasználó, majd a felhasználói ügynök. A fontosabb felhasználói stílusokkal, amelyek nagyobb fontossággal bírnak, mint a szerző!
- Minél specifikusabb a választó, annál nagyobb előnyt kap. Például, a "div.co p" stílusban magasabb lesz a precedens, mint a "p" tag.
- Végül rendezze a szabályokat az általuk meghatározott sorrend szerint. A dokumentumfában később definiált szabályok magasabbak, mint a korábban meghatározottak. Az importált stíluslapra vonatkozó szabályokat a szabályok közvetlenül a stíluslapban kell figyelembe venni.