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.

Stáhnout uvedené řešení ↓ (ZIP, staženo 1802×)

 

Rovnou k použití

Novinky na webu

Chronologický přehled novinek na tomto webu

Důležité a užitečné

Vstup do diskusního fóra

Diskusní fórum

Mapa webu

Prohlédněte si strukturu webu pro snažší orientaci.

Stažení tohoto webu

Stáhnout celý web (V budoucnu)

Vytvoření webu od A do Z

Nemáte čas nebo nechcete studovat?
Přečtěte si návod, jak vytvořit web od A do Z, aneb snadno a rychle… (V budoucnu)

Ódy na tento web

Zapějte taky nějakou…

Podpora webu

Jak můžete podpořit tento web

Aktualizace webu

Poslední aktualizace webu proběhla
24. 3. 2010.

 

 TOPlist