Autor Zpráva
Kindy
Profil
Ahoj :),

Snažím se učit tak, že se dívám na zdrojáky jiných autorů a narazil jsem v CSS na toto:

* {
    margin: 0;
    padding: 0;
}

a pak na toto:

body { font: 83% 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; }

U toho prvního nechápu tu hvězdičku - jakou vlastnost tady zastupuje?

U toho druhého nechápu důvod proč jsou písma Trebuchet a Geneva CE v jednoduchých uvozovkách?

Děkuji

Kindy :)
juriad
Profil
Kindy:
1) Hvězdička znamená každý element. Nastaví to tedy margin a padding na nulu pro vše. Dokumentace.
Obecně se technika nastavení všech vlastností na výchozí nazývá CSS reset. Má své příznivce i odpůrce.
2) Protože názvy obsahují mezeru.
Trejpa
Profil
Kindy:
Tomu s hvězdičkou se říká CSS reset. Všem prvkům na stránce se zruší odsazení, aby se pak jinde v CSS nastavilo pro každý zvlášť, přesně a mezi prohlížeči jednotně. V některých prohlížečích hvězdičkový reset ale zničí výchozí vzhled formulářových polí, proto se doporučuje raději vyjmenovat potřebné elementy.
html, body, h1, h2, p { margin: 0; padding: 0; }
Kindy
Profil
juriad, Trejpa

Děkuju za odpovědi :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: