css3  

「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檔案點我下載

  

 

文章標籤
創作者介紹

電腦資訊 線上筆記本

Randy 發表在 痞客邦 PIXNET 留言(0) 人氣()