Ivana Creednichenko site, miért vannak a stíluslapok kaszkádban

A HTML elem stílusának legegyszerűbb módja az ID-paraméter megadása. majd írja le a stílusfájlban az elem tervét. Ez az opció működik, bizonyos előnyökkel jár. Például minden olyan elem, amely a webhely fő oldalához vezet, ugyanolyan lesz - ez jó. De ha komplex HTML oldalformázást használsz, szinte minden HTML-címkének meg kell adnia az azonosító értéket. Ez pedig növeli a weblap méretét (lásd a cikk Weboldal optimális mérete), jelentősen csökkenti a kód olvashatóságát. És ha egy idő után megpróbálja frissíteni vagy megváltoztatni az oldalt, akkor találkozik azzal a problémával, hogy túlságosan felhasználják az azonosító paramétereket a címkékből.

Hasonló a CLASS paraméter használata esetén. Így kiderül, hogy az ID és a CLASS paraméterek használata a HTML oldal összes elemének egyedi kialakítása érdekében végső soron az oldal gyenge megértését eredményezi. Ön, mint webmester, folyamatosan figyelmen kívül kell hagynia az oldal tartalmát, hogy hozzáadja ezeket a paramétereket és leírásaikat egy CSS-fájlban.

Szóval érdemes használni ezeket a táblázatokat? Igen, csak azért, mert megszabadul a számos ID és CLASS paramétertől. Ez azt eredményezi, hogy a weboldalak egyszerűbbé, elegánsabbá, és általában kisebb méretűvé válnak. És ami a legfontosabb, az az, hogy a tervezés során ugyanaz marad.

A legnyilvánvalóbb példa, ahol a kaszkád tulajdonságát használhatja, a forráskód. Tegyük fel, hogy van néhány forráskód egy programnyelvben (azért, hogy ne menjünk messze a webhelyek fejlesztésétől, vegyük be a HTML-kódot). Ezt a kódot meg kell jelenítenünk az oldalon, ehhez mellékeljük ezt a kódot címkével

. Most az összes kód megjelenik a böngészőben egybevágott betűtípusban (a böngészők alapértelmezése a Courier New betűtípus). Tekintettel arra, hogy címkét használunk 
. akkor nem kell további formázni az oldalra helyezett forráskódot egy címke hozzáadásával 
.

Annak érdekében, hogy megértsük a lépcsőzetes tulajdonságok hatékonyságát, tegyünk egy példát anélkül, hogy ezt a tulajdonságot használnánk (tisztán összehasonlítás céljából).
Nézd meg, hány címkét . amelyek az ID paramétert használják. Sokat! Fogadja meg, hogy ez a kód nagyon nehéz lesz szerkeszteni és megváltoztatni a jövőben. Ezért most ugyanazt a kódot kapjuk, de a stílustáblák kaszkád tulajdonságát használja.

A kód egyre kompaktabb, kisebb, és ami a legfontosabb, könnyebb szerkeszteni. Egy másik pozitív dolog, amikor a lépcsőzetes stílustáblák tulajdonságait használja, hogy egy kaszkád használatával (például CODE B) beállítjuk a címkét  Bizonyos paraméterek, amelyeket csak akkor alkalmaznak rá, ha a címke a címkén belül van .

Most egyszerűbb példát adunk:
De ez a példa, ahogy az oldal látogatója látja:
Gyors oldalQuick PageQuick PageQuick PageQuick Page
Látod a stílusfájl minden egyszerűségét és eleganciáját, az oldal kódját. De senki sem tiltja meg a strukturális lépcsőzet használatát, ami több lépcsős stíluslapot hoz létre; amelyek minden egyes következő szintje átfedi az előző szint paramétereit.