A STYLE attribútum segítségével az egyes HTML tag-ek szintjén adhatunk meg stílusdefiníciókat. Használhatjuk minden <BODY>-ba illeszthető tag-ben, kivéve pl. a <SCRIPT>-et. Pl.
<P style="color: blue; font-family: 'Albertus Extra Bold', serif">Ez a szöveg kék színnel és Albertus Extra Bold betűtípussal fog megjelenni, ha az a látogató gépén telepítve van.</P>
Használatához az alábbi sornak is szerepelnie kell az oldal fejrészében:
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
VIGYÁZAT!!! A STYLE attribútum használatával elveszthetjük oldalaink egységességét, pedig a stíluslapok alkalmazásának egyik célja pl. az egységes oldalkialakítás megvalósítása. CLASS attribútumA CLASS attriibútummal lehet megadni egy tag-nek, hogy melyik (stíluslapon definiált) osztályba tartozik. Pl. az oldal kódjába beágyaztuk az alábbi stílust:
P.figyelmeztetes { font-weight: bolder; color: red; background: white }
Ezt az adott bekezdésben így használhatjuk:
<P class=figyelmeztetes>
Ez a figyelmeztetés fehér alapon, vastagabb piros betűkkel jelenik meg!
</P>
ID attribútumAz ID attribútum egyedi stílust adhat egy elemenek. Pl. az oldal kódjába beágyaztuk az alábbi stílust (minden ID-azonosítónak egyedi nevűnek kell lennie a dokumentumban):
#larger1 { font-size: larger }
Ezt az adott elemnél így használhatjuk:
<P id="larger1"> Ezt most nagyobb betűkkel írtuk!</P>
A szerző honlapja: http://fodorsi.ini.hu
Harder
Profil