Nejen strukturovanými dokumenty živ je člověk
Informace jsou na internetu sice tím nejdůležitějším, ale co naplat - jsou-li podány příliš stroze, málokdo se odhodlá si je přečíst. Proto konsorcium W3C, poté co ze specifikace XHTML odstranilo formátovací značky, zavedlo standard CSS (Cascading Style Sheets), což je jazyk popisující vzhledovou stránku dokumentu.
Podpora stylů v prohlížečích
Také CSS se vyvíjí a současnou normou, kterou by měly moderní prohlížeče podporovat je CSS 2.1. Píšu měly, protože jejich podpora je u různých prohlížečů různá. Obecně se ovšem dá říct, že v prohlížečích verze 5 a vyšší (MSIE, NN, Opera, Mozilla 1.4+), které jsou nainstalovány na více než 99 procentech počítačů v různých operačních systémech je podpora dostatečná. Pokud si je designer vědom chyb a nedostatků v interpretaci jazyka CSS, může udělat téměř libovolný design stránek, aniž by se musel uchylovat k nestandardním řešením, které jeho práci znepřístupní uživatelům méně rozšířených prohlížěčů (např. instalovaných v moderních mobilních telefonech). Takové prohlížeče (stejně tak jako prohlížeče dnes už zastaralé) nejsou díky tomu ochuzeni o informační hodnotu stránek, pouze se jim stránka zobrazí ve formátu, který je přednastaven v jejich prohlížeči.
A takto to vypadá v praxi...
Následující ukázka přináší téměř shodný dokument jako v kapitole o XHTML s tím rozdílem, že k tomuto dokumentu je připojen soubor s tabulkou CSS, která definuje vzhled stránky - do XHTML kódu nebylo zasahována a proto o informace nebudou ochuzeni ani uživatelé s prohlížečem, který technologii CSS nepodporuje. Můžete se podívat, jak bude ukázka vypadat ve Vašem prohlížeči.
body {
background:#dfe;margin:1em;
padding:0.3em
}
h1 {margin:0
}
h2 {margin:0 0 0.5em;
border-left:0.5em solid #080;
padding-left:0.2em
}
p {
border:1px solid #080;
margin:0;
background:#eee;
padding:0.5em 0.3em;
}
a {
color:#080
}
a:hover {
color:#040
}
Ukázka tabulky CSS stylů
