Dokumentum szerkezet - Dokumentum szintű stíluslapok. A <style> tag.
Dokumentum szintű stíluslapokat a style elem tartalmaként lehet definiálni. A style elem a dokumentum fejrészében helyezkedik el. Egy dokumentum több style elemet is tartalmazhat, aminek akkor lehet jelentősége, ha különböző média típusokhoz akarunk stíluslapokat rendelni.
A </style> zárótag használata is kötelező.
Legfontosabb attribútumai:
- type: stílusnyelv megadása. CSS alkalmazása esetén az attribútum értéke "text/css". A HTML 4.01-es verziója szerint kötelező ennek megadása, HTML 5-ben csak akkor kell a type attribútumot definiálni, ha nem a CSS az alkalmazott stílusnyelv.
- media: média típusok, amikre a stílusinformációk vonatkoznak. Ha több media típust is meg akarunk
adni, akkor azokat egymástól vesszővel elválasztva kell felsorolni. HTML 4.01-ben lehetséges értékei:
- screen: számítógép képernyő. (Ez az alapértelmezett érték.)
- tty: fix karakterpozícióval rendelkező, korlátozott képességekkel rendelkező megjelenítő eszköz
- tv: televízió. Az oldal tartalmának görgetése nehézkesebb. Régebben alacsonyabb felbontással kellett számolni, ma már ilyen szempontból nincs különbség a televízió és a számítógép képernyő között.
- projection: olyan kivetítő, ami laponként jeleníti meg a tartalmat.
- handheld: például mobil telefonok kisebb kijelzővel.
- print: nyomtató. A weboldal tartalma lapokra lesz osztva. Ha van ilyen stílus deklarálva, akkor a számítógép képernyőn a nyomtatási kép is eszerint fog megjelenni.
- braille: tapintható braille írással megjelenítő eszközök
- aural: beszéd szintetizátor
- all: minden eszköz
Példa:
<style type=”text/css”>
h1 {color: #0000ff}
p.szürke {font-size: 10pt; color: #888888;
text-align: center}
</style>
A stílus megadás szintaktikája a választott stílusnyelvtől függ. A weblap fejlesztés területén a CSS szinte egyeduralkodó, a fenti példában is CSS deklarációk láthatóak, de a HTML szabvány bármilyen stílusnyelv alkalmazását engedélyezi.