CSS umožňuje přiřadit stylová pravidla (šablony) podle zobrazovacího média. Přehled médiích lze naléz v tabulce
| klíčové slovo | charakteristika média | klíčové slovo | charakteristika média |
|---|---|---|---|
| all | všechna zařízení | screen | počítačové obrazovky (primárně barevné obrazovky) |
| speech (aural*) | hlasové (řečové) syntetizéry | handheld | malá přenosná zařízení (typicky s malou, často monochromatickou obrazovkou a nižší rychlostí přenosu dat) |
| braille | braillova doteková zařízení (zařízení umožňující hmatové vnímání braillova písma pro nevidomé) | tv | zařízení typu televize (nízké rozlišení, omezená možnost posouvání obsahu, možnost zvukového výstupu) |
| embossed | tiskárny pro nevidomé (stránkové braillovy tiskárny) | projection | projektory (například světelné projektory) |
| stránkované materiály a dokumenty zobrazované v módu náhledu pro tisk (typicky tiskárny) | tty | zařízení s omezenými zobrazovacími možnostmi (typicky textové terminály) |
<style href="style.css" media="tty">
<style type="css/text">
@media print {
BODY { font-size: 10pt }
}
</style>
Více info: http://www.w3.org/TR/REC-CSS2/media.html
Více info: http://www.w3schools.com/css/css_mediatypes.asp
Média v CSS3
http://interval.cz/clanky/css3-kaskadove-styly-budoucnosti/
http://html5test.com/
http://www.24development.cz/blog/10-css3-technik-se-kterymi-se-musite-seznamit.htm
CSS3 + HTML5 - Tvoříme kompletní webovou prezentaci
Porovnání prohlížečů z hlediska podpory HTML 5 a CSS 3
http://www.devbook.cz/backgrounds-pozadi-css3-cesky-manual
http://interval.cz/clanky/css3-nastaveni-barev-okraju-a-pozadi/
http://interval.cz/clanky/css3-zpet-do-budoucnosti/
