1. Kurz XHTML a CSS Část 3: Formátování vzhledu stránky pomocí CSS -- vyšší dívčí
2. Vzorový CSS předpis Nastavíme font pro celý dokument: body { font: 0.8em/1.4em Arial, sans-serif; } Nastavíme rodinu fontu pro všechny prvky: body, input, textarea, option, select, td, th { font-family: Arial, sans-serif; } Nastavíme okraje pro všechny blokové prvky: ul, ol, p, blockquote { padding: 0; margin: 0 0 1em 0; } Nastavíme barvu odkazu: a { color: red; } Vynuluje přednastavené okraje: a img { border: 0; } form { margin: 0; padding: 0; }
3.
4.
5.
6.
7.
8.
9.
10. Jednoduchý layout webu - nejdříve si jej nakreslíme Hlavička (id=“hlavicka“) Patička (id=“paticka“) Navigace (id=“navigace“) Obsah (id=“obsah“)
11.
12.
13. Jak strukturovat CSS dokument? 1. Definice společné pro celý web: velikost a rodina fontu, barva odkazů 2. Vynulování předdefinovaných hodnot: okraje u formulářů a obrázků, blokové značky 3. Layout celého webu 4. Univerzální třídy a identifikátory 6. Výjimky pro jednotlivé stránky