Amikor nekiállunk megírni a CSS stíluslapunkat, az első lépés legyen, hogy nullázzuk le a böngészők különböző alapbeállításait. Ez szakszóval az ún. Global Reset, ehhez szereték most néhány fogást bemutatni.
A white space alapbeállítása
Az összes böngésző máshogy értelmezi a margin és padding alapértékket. Ezt nullázzuk le, hogy ne érjen minket meglepetés.
* { margin: 0; padding: 0; }
Egy kicsit bővebben
Ha nem akarjuk törni az agyunkat a resetelésen, akkor megfoghatjuk a jó előre elkészített nullázó css lapunkat. Ha még nincs ilyened, akkor itt van:
/* linkek aláhúzásának törlése */
:link,:visited { text-decoration:none }
/* listák elől töröljük a pöttyöket és számokat */
ul,ol { list-style:none }
/* az automatikus címsor méret beállítás törlése */
h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }
/* töröljük az egyéb elemek köré berakott paddingot és margint is */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
{ margin:0; padding:0 }
/* szedjük ki a linkelt képek köré rakott keretet */
a img,:link img,:visited img { border:none }
Természetesen ezt bővíthetjük igény szerint, de a legtöbb dizájnnál ez megfelelő kindulópont. Az ötleteket szívesen várom!
Megosztás
Én általában az outline: none-t is bele szoktam, hogy ne látszódjon az elemek szélénél semmiféle keret.
Egyébként ha az elején *-al lenullázod mindennek a padding/margin értékét, akkor utána miért csinálod meg azt mégegyszer a ul, ol, li, stb. elemekkel is? :)
Igazad van updateltem a példát. Köszi!
http://kgyt.hu/faq/base.css/