為什麼要初始化CSS?在webjx.com前面的文章中,我們講過CSS初始化是指重設浏覽器的樣式。不同的浏覽器默認的樣式可能不近相同,所有開發時的第一件事可能就是如果把他們統一。
也許他們平時做頁面時根本就沒考慮過浏覽器兼容的問題。其實不同浏覽器對有些標簽的默認值是不同的,如果沒對CSS初始化往往會出現浏覽器之間的頁面差異。
初始化CSS的一個小實例:
Html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fIEldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baselinebaseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}