Mi az a CSS (Cascading Style Sheet)?

Képzeld el a weboldalakat úgy, mint újonnan épülő házakat. Egy új ház építésekor a tervező megtervezi, hogy mekkora lesz a ház alapja, milyen magas lesz a ház, és hogy hol lesznek a főfalak.

Képzeld el, hogy ez a szerkezetkész állapot a weblap HTML-fájlja. Azonban ez még nem beköltözhető állapot; ilyenkor egy belsőépítész – a CSS – segítségét kérjük, aki igényeinkkel összhangban megtervezi a szobák méretét, a falak és a padlóburkolat színét, a bútorok, lakástextilek színét és mintáját, és akár még a kandallópárkányon csücsülő teamécses illatát is.

A CSS nyelv ehhez úgynevezett szabályokat alkalmaz:

• először megadjuk, hogy mire vonatkozzon a szabály (például a falakra),
• majd azt, hogy melyik tulajdonságát szeretnénk megváltoztatni (például a színét),
• végül pedig azt, hogy milyen értéket vegyen fel ez a tulajdonság (például lilát).

És ugye ahány lakó, annyi ízlés, így nemcsak egy ház nézhet ki sokféleképpen, de ugyanaz a HTML-fájl is nagyon eltérő megjelenést kaphat, ha más a belső építészünk.

Tipp: Erre láthatsz látványos példákat a CSS Zen Gardenen. Az oldal HTML-kódja változatlan, a megjelenése attól függ, melyik CSS-fájlt választod ki az oldalsávban.

Három módszer is létezik arra, hogy ráhúzzuk a házunk szerkezetére a belső designt. Most ezekkel fogsz megismerkedni.