A CSS (Cascading Style Sheets) a webdesign népszerű eszköze. Nehéz elképzelni sok webes alkalmazást nélkülük. Felgyorsíthatják a weboldalak létrehozását és szerkesztését. A CSS fájl gyakorlatilag egyfajta szöveges fájlként íródik, és a tervezéshez szükséges utasításokat tartalmazza. Így lehetőség van arra is, hogy CSS-t használjunk egy weboldal minden aloldalára. Honlap ugyanazt a dizájnt használja, ha ezt a CSS-fájlt hívja meg az adott oldal fejlécében. A dizájn megváltoztatásakor csak a CSS-fájlt kell megváltoztatnia, és ez a szerkesztendő webes projekt összes oldalára hatással lesz.
Formázási lehetőségek
A CSS speciális programozási nyelvvel egy internetes oldal szinte minden formázási feladatát el lehet végezni, legalábbis ami a designt illeti. A CSS segítségével akár különböző árnyalatú keretek és egyszerű grafikák is létrehozhatók. A betűtípusok és betűméretek egyszer kerülnek meghatározásra a CSS-fájlban, és így automatikusan rendelkezésre állnak a teljes katalógusban vagy vállalati bemutatóban. Számos variációs lehetőség van, mivel bizonyos területek, például a címsorok, a tartalomjegyzék, a feliratok vagy a lábjegyzetek mind külön-külön is meghatározhatók. Különböző színű hátterek mintákkal vagy anélkül CSS segítségével deklarálhatók. Különböző golyószórók, különböző dinamikus elemek és még sok minden más megvalósítható CSS segítségével. Képek, videók és hangsorozatok is integrálhatók így, ha nem akarja máshogyan csinálni.
Szintaxis
A W3C irányelvei szerint a megjelenítendő tulajdonságokra bizonyos szabályrendszerek vonatkoznak. Ezekben vannak olyan szelektorok, amelyek egy bizonyos értéket rendelnek az adott tulajdonsághoz szögletes zárójelben. Például egy másodrendű címsor színe esetében ez így nézhet ki: h2 { color: green; } A "zöld" helyett lehetne itt egy színszám is. A "h2" lenne a szelektor, a "color" a tulajdonság és a "green" a hozzárendelt érték. Természetesen egyszerre több tulajdonság is hozzárendelhető. Fontosak a szóközök a nyitó és a záró zárójelek után, valamint a pontosvesszők az egyes hozzárendelések végén. Az áttekinthetőség kedvéért célszerű minden egyes tulajdonságot külön sorba rendezni. Kiterjedt projektek esetén célszerű használni a Weboldal akkor a nem látható belső megjegyzéseknek van értelme.
Alkalmazási területek és különleges jellemzők
A kaszkádoló stíluslapok viszonylag könnyen integrálhatók a HTML- és PHP-projektekbe. A HTML (Hyper Text Markup Language) kezdetben a legelterjedtebb alkalmazási terület volt. Itt a stílusparancsokkal egyedi stíluslapok is beilleszthetők egy HTML-fájlba. A kaszkádoló stíluslapok, azaz több tervezési elem külön fájlban van definiálva, és vagy a HTML-fájl egy meghatározott területén, vagy - ami még kedvezőbb - a fejlécben, külső fájlként hívható elő. A PHP-ben (Hypertext Preprocessor - tulajdonképpen Personal Home Page Tools) a CSS nem csak *.css fájlként van integrálva, hanem PHP parancsokkal van összekapcsolva. Elvileg a PHP és a HTML kombinációja is lehetséges. A modernebb változat az adatbázisokkal való munka, amelyben a MySQL például a webes projekt tulajdonságait PHP és CSS segítségével generáljuk. Számos adatbázis-rendszer használ hasonló technikákat. Emellett azonban általában más programozási nyelveket is használnak, amelyek szintén a CSS-t használják. Sajnos az operációs rendszerekkel és a böngészőkkel kapcsolatban vannak olyan sajátosságok, amelyeket figyelembe kell venni. Nem minden hatás jelenik meg ugyanúgy minden böngészőben, sőt, néhányat nem is minden böngésző értelmez. Ezért gyakran a böngészőtől és az operációs rendszertől függően különböző verziókat kell figyelembe venni a CSS-ben a tulajdonságokhoz rendelt értékek hozzárendelésében. Ehhez általában a HTML- vagy PHP-fájl fejlécéből, illetve az adatbázis-rendszerből lekérdezik a használt operációs rendszert és a meghívott böngészőt, és hozzárendelik a megfelelő CSS-verziót.
előnyök és hátrányok
A CSS a HTML és PHP projektek üdvözlendő kiegészítője és egyszerűsítője. Logikusan felépítettek, és viszonylag gyorsan megtanulhatók. Egy CSS-fájlban lévő hiba azonban több oldalon is megjelenik, de gyorsan javítható. Az egzotikus betűtípusokkal és idegen nyelvi készletekkel problémák vannak. Ezért elővigyázatosnak kell lennie, és meg kell adnia egy alternatív változatot. Egy speciális betűtípus esetében egy olyan betűtípus értékét lehet előtte hozzárendelni, amely általában mindenhol elérhető. A CSS az utolsó megnevezett értéket használja egy tulajdonsághoz. Ha azonban ez nem ábrázolható, akkor figyelmen kívül hagyjuk. Ha ezt a feladatot megelőzően a sima betűtípust rendelted hozzá, akkor az utolsó értelmezhetőnek minősül, és az oldalad továbbra is használható módon jelenik meg. Az idegen nyelvű készleteket és egyéb speciális funkciókat HTML, PHP vagy más programozási nyelven keresztül kell integrálni a webprojektbe, vagy szükség esetén át kell irányítani egy angol nyelvű oldalra.
