Stránka 1 z 2
CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 13:34
od cosmosD
Ahoj, chtel bych se zeptat co presne je CSS Reset a k cemu je dobry?
Docetl jsem se, ze vlastne vynuluje hodnoty nastavene v CSS a pak je znovu nastavuje. Ale moc to nechapu...
Re: CSS Reset
Napsal: 18 led 2013 13:50
od CZechBoY
no každý prohlížeč má defaultně nastavení nějaké css (marginy u Háček, velikosti fontu, fonty, ..) a ty jim prostě nastavíš na začátku stejné hodnoty, aby se to zobrazovalo všude stejně
Re: CSS Reset
Napsal: 18 led 2013 14:16
od cosmosD
Jop. Takze kazdej prohlizec si u vsech stranek nastavuje hodnoty pro nadpisy apod... Ja vsechna ta nastaveni vynuluju a nastavim si to na svoje hodnoty. Tim dosahnu toho, ze ve vsech prohlizecich budou moje stranky vypadat stejne.
Chapu to teda dobre?
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 15:30
od CZechBoY
no stránky nebudou třeba vypadat stejně, ale budou mít defaultní hodnoty stejný
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 15:47
od Myloš
Přesně tak. Každá CSS vlastnost musí mít nějakou hodnotu. Pokud ji explicitně nezadáš, rozhodne o ní prohlížeč, a to buď na základě výchozích hodnot, nebo na základě hodnot nastavených uživatelem (třeba já mám kvůli ladění stránek pozadí žluté, pokud není zadané v css). Jsou to například okraje (margin) u blokových prvků (nadpisy, odstavce…), umístění a typ odrážky u seznamů (ol/ul), použitý font a velikost písma…
Pokud všechno ručně nastavíš, mají tvé definice přednost před prohlížečem, ale je snadné na něco zapomenout.
Obecně vžitý reset
* {margin: 0; padding: 0;}
je však kritizován, protože dovede krutě pomršit formuláře, jejichž stylování bývá problém obecně.
Osobně proto doporučuji nějaký „uživatelský reset“. Například já jsem si napsal tenhle:
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, menu, dl, dt, dd, address {margin: 0; padding: 0;}
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 16:22
od CZechBoY
Myloši, ale píšeš že by se měl resetovat font + velikost fontu a ten tvůj reset nic s fontem nedělá :(
já používám reset css kod, který dokonce vyhodí tučnost, kurzívu a všechno nastavení fontu u b, i, u, strong, .. což taky není zrovna žádoucí
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 16:55
od cosmosD
Ja na to prave narazil kdyz jsem si prochazel tady tu prezentaci, je docela zajimava
https://speakerdeck.com/dmosher/so-you- ... d-engineerTam se pise, ze kdyz uz chci pouzivat CSS Reset, tak predpripraveny normalize.css
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 16:59
od Myloš
CZechBoY:
Asi jsem to nenapsal dost srozumitelně, ale neměl jsem v úmyslu psát o resetu fontu, to je samozřejmě nesmysl, font resetovat nejde, leda nějaký nastavit. Psal jsem jen o tom, že všechny vlastnost musejí mít nějakou hodnotu (nemohou nemít žádnou hodnotu) a že pokud ji nezadáš, rozhoduje o ní prohlížeč.
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 17:02
od cosmosD
A kdyz prvek vyresetuju, ale sam mu zadnou hodnotu nepridam, tak o te hodnote zase rozhodne prohlizec?
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 17:04
od Myloš
Vyresetuješ ho na hodnotu nula, ne? Podívej se na oba výše uvedené resety.
Reset zajistí nulové marginy a paddingy. Pokud budeš potřebovat, tak jim pak nastavíš nějakou jinou hodnotu později.
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 18 led 2013 17:16
od cosmosD
Jasne uz to chapu :) dikec.
Re: CSS Reset - co přesně to je a k čemu je dobrý?
Napsal: 19 led 2013 00:54
od CZechBoY
jasně, ale i různý systémy a prohlížeče mají jiný nastavení fontu
pokud chceš mít všude stejné nastavení, musíš ho resetovat na základní - svojí - hodnotu