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;
}

喜歡這篇文章的話
請按個讚或者分享支持一下!

喜歡這篇文章的話
請按個讚或者分享支持一下!

最新的教學及情報資訊都在INMAG!

作者簡介

Avatar photo
寫好每一篇文章讓各位都能學習到各種小知識,希望大家會喜歡!