Reset CSS 讓網頁排版於各大瀏覽器一致

Reset CSS 是一個為了避免各大瀏覽器的影響導致不一致而誕生的檔案,在一開始撰寫網頁時就必須先放上 Reset CSS 讓 CSS 設定重置歸零,避免在之後撰寫CSS時遇到一些瀏覽器顯示網頁排版不同。這次則是要介紹由 Eric A. Meyer 所撰寫的Reset CSS 語法,只需要將語法放置所撰寫的 CSS 檔案內就能擁有這項效果。

名稱:Reset CSS
網址:Eric A. Meyer 網站 -> 點這裡

使用方法很簡單,將語法貼至 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;
}

相關文章
作者簡介
個人頭像照片
努力寫文中!