3. fejezet: Írjunk stíluslapot

Az eddigiekben csak használtuk a stíluslapokat, de nem tudtunk írni egyet. Nos, éppen itt az ideje!
A parancsok és a lehetséges értékek használhatósága nem nehéz. Igen fontos az öröklődés, mivel a végső formázást a legutoljára használt CSS határozza meg. A lényeg: ha egy tagnak megadjuk a kinézetét, akkor azon belül az összes tag ezt örökölni fogja, hacsak felül nem írjuk ezt!

Például ha a BODY taget kékre állítjuk és a B taget döntöttre, akkor mivel a B a BODY-n belül van, ezért a <B> és a </B> közötti rész kéken és döntötten jelenik meg. Ezt természetesen tovább lehet bonyolítani össze-vissza öröklődő tulajdonságokkal, de nem feltétlenül érdemes. Véleményem szerint a fenti példában emlegetett B taget nem érdemes átdefiniálni "csak a hecc" kedvéért, mivel későbbiekben nem tudunk kiigazodni a túlbonyolított tulajdonságokon.

A stíluslapok bejegyzései egyébként az alábbi formátumban jelennek meg:

Szülők.Név (Paraméter1: Érték1, Érték2, Érték3; Paraméter2: Érték1, Érték2, Érték3)

A fenti sorban 1 paraméterhez mindig 3 érték tartozik, de ez természetesen bármennyi lehet. (De azért minimum 1 legyen!) A 2 paraméter sem kötelező, mivel abból is csupán annyi a kikötés, hogy minimum 1 legyen. Ha a szülőt nem adjuk meg, akkor a beállított értékek a szülőtől függetlenül jelennek meg. Ha azt szeretnénk, hogy csak a H1-es fejlécben aláhúzott szövegek jelenjen meg kéken, akkor a következő sort kell kiadnunk:

H1.U {color="blue"}

Saját magunk is definiálhatunk alosztályokat. Ez ugyanolyan értékű része lesz a szülőosztálynak, mint bármi más része. Adjuk ki például a következő parancsot egy CSS-file-ban:

.alairas {Font-family="Arial, Times Nem Roman CE"; Font-size=15pt; color="red"; text-decoration="blink"}

Használata is egyszerű. Ha például a B tagben szeretnénk egy imént definiált stílust használni, akkor a következő részt kell betenni a HTML-file-ba:

<B> Ez már aláírás-stílus </b>

Érdemes kipróbálni a CLASS paramétert, mivel a HTML-tagek döntő többségében használhatók!
A lehetséges stílusdefiníciók listája nem rövid, de hasznos lehet!