pondělí 8. února 2010

Velikost písma HTML díl 3. - CSS Reset

Pro jednotnou velikost písma je dobré ještě zrušit veškeré přednastavení tagů jakou jsou H1,H2,H3.. jelikož se jejich interpretace v různých prohlížečích odlišná.

Proto je dobré použít "CSS reset".

Níže uvedený reset zruší veškeré přednastavení a je pak pouze na mě, abych vzhled písma nastavil ručně a opatrně, tak aby bylo zobrazení pokud možno stejné ve všech prohlížečích.

Ovšem, pokud se člověk rozhodne dodržet veškeré standardy, tak zobrazení bude vždy trochu jiné v Opeře, než v Mozille.

Následující resetující css kód uvádím na začátek svého css, případně ho uložím zvlášť do souboru, přecijenom více css souborů vede k většímu pořádku.

html {
font-size: 62.5%;
}

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

Žádné komentáře:

Okomentovat