Základ CSS souboru

Hotová řešení > Základ CSS souboru jaksepatří

Základ CSS souboru jaksepatří

CSS

* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%;}

body {
  height: 100%;
  font: 1.2em Verdana, Arial, Helvetica, sans-serif;
  }

Jedná se o základ stylopisu, který používám při tvorbě nového webu.

Pomocí hvězdičky nulujeme přednastavené okraje všech elementů (tagů), abychom si je poté mohli přesně nastavit na velikost, kterou požadujeme. Například odsazení od okrajů okna se napříč spektrem prohlížečů liší. My to odsazení tedy vynulujeme a nastavíme si svůj vlastní přesný rozměr.

Přestože hvězdičkový reset osobně používám a potíže s ním nemívám, ne vždy se však jedná o nejšťastnější řešení. Problémy mohou nastat třeba u formulářových prvků, Pokud si tedy hvězdičkovým resetem nejste příliš jisti, lepším řešením je využít jiný CSS reset.

Stoprocentní výška pro html a body zajišťuje, že se tag body roztáhne přes celou výšku okna prohlížeče a jeho výška je tak určena výškou okna a ne pouze výškou obsahu (což se stává). Pokud pak definujeme prvky (jejichž nadřazený prvek je tag body) které mají procentně danou výšku, mohl by se stát, že by neměli procenta z čeho počítat, takhle ji vypočítají z výšky okna (nadřazeného prvku body).
Nastavením velikosti písma se pak zabývá kapitola Velikost písma.