電腦資訊 線上筆記本

「reset CSS」是世界知名的 CSS 大師「Eric A. Meyer」所整理出來的檔案，該檔案主要是針對各瀏覽器最常發生不一致的樣式進行調整，讓網頁在各瀏覽器的呈現上能有同樣的效果。

相信在在撰寫前端程式時，常常都會遇到類似以下的問題

當排版完網頁預覽時...

Google Chrome開起來：滿意；

FireFox開起來：些微差距但還能接受；

IE開起來：這什麼鬼..(常常因為IE的不合群在調整~"~)

這時就可以使用 CSS 大師「Eric A. Meyer」整理的reset CSS語法

統一各瀏覽器的CSS樣式

reset CSS語法如下：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
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;
}

【檔案下載】

reset CSS檔案點我下載