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:
1 | <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útum
A 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:
1 | P.figyelmeztetes { font-weight: bolder; color: red; background: white } |
Ezt az adott bekezdésben így használhatjuk:
1 2 3 | <P class=figyelmeztetes> Ez a figyelmeztetés fehér alapon, vastagabb piros betűkkel jelenik meg! </P> |
ID attribútum
Az 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):
1 | #larger1 { font-size: larger } |
Ezt az adott elemnél így használhatjuk:
1 | <P id="larger1"> Ezt most nagyobb betűkkel írtuk!</P> |
A szerző honlapja: http://fodorsi.ini.hu
