在 Eric 的 Resetting Again 這篇文章中,更新了他之前提供的重新設定 CSS 的方法。這個文件是幹麼用的呢?簡而言之,它可以將網頁的 CSS 恢復到最原始的樣子。

那它要用在哪裡呢?例如當你有需要對別的網站額外設定 CSS 的時候(像是 Firefox 的 Stylish 套件就可以修改網站的 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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
創作者介紹
創作者 Nelson 的頭像
Nelson

Nelson 的小世界

Nelson 發表在 痞客邦 留言(1) 人氣()


留言列表 (1)

發表留言
  • ericsk
  • 為什麼前面那一段不寫成:
    * {
    margin: 0;
    padding: 0;
    ...
    }

    呢?
  • 是耶,你這樣說也有道理。
    難道 * 在不同瀏覽器會有不同行為嗎? 還是它那一段沒有含括所有的標籤?
    有哪位對 CSS 比較熟的,可以解釋一下嗎?

    Nelson 於 2008/01/19 10:09 回覆