CSS fogalma
A böngészők előbb megvizsgálják az oldal CSS kódját, és ez alapján jelenítik meg a HTML elemeket.
Ilyen formában találkozunk vele: p { color:green; font-weight:italic; }
A „p” a CSS választó, azaz az alkalmazni kívánt kód a HTML mely elemére vonatkozik. Ez mindig a nyitó kapcsos zárójel elé kerül. A kapcsos zárójelek közötti rész a meghatározásblokk – itt adjuk meg, milyen tulajdonságot és milyen értéket szeretnénk alkalmazni. A fenti példában a colorral a színt határoztuk meg, értéke pedig green, vagyis zöld. A második tulajdonsággal (font-wieght) a betű vastagságát határoztuk meg, amely italic, azaz dőlt lesz.
A CSS kódot többféleképpen is lehet alkalmazni.
Külső (external) CSS: ha egy stíluslap külső, akkor .css fájl formájában kell elmenteni. Így egy egész weblap összes oldalára alkalmazni lehet úgy, hogy a fájlra a weboldal [head] szakaszában hivatkozunk.
Belső (internal) CSS: erre akkor van szükség, amikor mindössze egy oldal stílusát szeretnénk megváltoztatni.
Sorközi (inline) CSS: itt csupán egy oldal egy elemének szeretnénk külön stílust adni. Ezt értelemszerűen nem a [head] szakaszban adjuk meg, hanem annak az elemnek a címkéjében, amit meg kívánunk változtatni.