A CSS egy lépcsőzetes stíluslap, amelyet vizuális elemek létrehozására használnak egy internetes erőforrásoldalon. A CSS-ben megadott objektumok megjelenítését a HTML jelölőnyelven hajtják végre. Magukat a lépcsőzetes táblázatokat nem lehet egyedül használni.
CSS használata
A CSS egy stílusnyelv, amely a HTML jelölő elemek megjelenítését valósítja meg. A lépcsőzetes táblák lehetővé teszik a HTML-ben nem módosítható beállítások testreszabását. Például a stílus nyelvével szerkesztheti a betűtípust, a színt. A CSS lehetővé teszi margók, vonalak, kitöltések, szélesség, pozíció elemek beállítását és azoknak a paramétereknek a kimenetét, amelyeket lehetetlen megvalósítani "tiszta" HTML használatával.
A lépcsőzetes stíluslapokat szinte minden böngésző támogatja, és szinte minden webes erőforráson használják. Ezek egy meghatározott nyelv használatával szabályozzák a tartalom megjelenítését, és lehetővé teszik az elemek megjelenítését a különböző adathordozókhoz.
Ha a HTML-t csak az oldal szövegének strukturálására használják, a CSS lehetővé teszi a megjelenített tartalom megjelenítésének testreszabását.
CSS szintaxis és annak beépítése a HTML kódba
Egy oldal megtervezésekor előnyösebb CSS-t használni a HTML-eszközök helyett. Az a tény, hogy a HTML-nek kezdetben nem voltak eszközei az elemek színének szerkesztésére, és nem célja a szín és a megjelenítési paraméterek megadása volt, ezért egyes webfejlesztők helytelennek tekinthetik a HTML-leírók használatát a terv létrehozásához.
A CSS más szintaxissal rendelkezik, mint a HTML, és címkéken keresztül szerepel az oldal kódjában. A paraméterek címke segítségével integrálhatja a külön fájlba kerülő CSS-kódot is:
A CSS-kódnak van egy bizonyos szintaxisa, amelyet szigorúan be kell tartani, különben a létrehozott stílusok nem jelennek meg az oldalon. A CSS-kód egy szakasza 3 fő elemre osztható: választó, tulajdonság és érték. Ezeket a tételeket a következőképpen írják:
választó {tulajdonság: érték; }
A választó megadja azt a fogantyút, amelyre a generált megjelenítési szabály vonatkozik. A tulajdonság paraméter meghatározza az elem szerkeszthető aspektusát, az érték pedig a tulajdonság megfelelő opcióját. Például a második szintű fejléc színének megváltoztatásához
HTML, a következő kódot alkalmazhatja:
h2 {szín: piros; }
Ez a kód pirosra állítja a szöveg színét, amely a második szintű fejlécleíróban található.
A CSS a szokásos HTML színtáblát használja.
A címkék használata mellett használhat belső címkéket is. Például:
Cím
Ez a kód megegyezik a fent leírtakkal, azzal a különbséggel, hogy maguk a CSS paraméterek is a szerkesztéshez szükséges leíróban voltak beállítva.