什麼是CSS的重置?

一個CSS復位/ CSS來設置元素樣式到一個特定的基線,創建跨各種瀏覽器的一致性。

我們都已經通過編寫跨瀏覽器的CSS的惡夢。 所以,當我們開始編寫我們的CSS,這是一個實踐重置它首先刪除/重設任何跨瀏覽器不一致性。 CSS的復位,是簡單的幾行的CSS,你開始你的CSS,給你一個乾淨的基地開始建設讓你的。

我通常傾向於使用的CSS重置看起來像這樣

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;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

OL,UL {
列表樣式:無;
}

H1,H2,H3,H4,H5,H6 {
字體大小:100%;
字體重量:正常;
}


重置瀏覽器的字體大小
還注意到,已被應用到瀏覽器中的下面一行字體大小復位...

html {font-size: 76%;}

上述的CSS重置瀏覽器的字體大小為10像素,這使得它可以使用相對字體大小(這是每一個圍合規的重要何衛青)
例如,在下面的定義,跨度字體大小設置為10像素,在paragarph被設置為14像素...

span {font-size: 1em;}
p {font-size: 1.4em;}


一個回應“什麼是CSS的重置?”

發表評論

NDK的家 | 表達它 表示唇齶裂 表示Penmenship 表示敬畏 表達自己