Yahoo! UI Libraryで公開されている、Reset CSSを発見しました。

---

Yahoo! UI Library: Reset CSS
http://developer.yahoo.com/yui/reset/

---

reset CSSは、Webブラウザごとに異なる表示を統一するCSS。

---

Yahoo!のReset CSSを拝借する簡単な方法

---

以下のコードを自分が作ったHTMLの内に書くと、reset CSSを適用できます。

---

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css">

---

Reset CSSの内容

---

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

---

要素を個別に設定していく方法なのですね。私はユニバーサルセレクタでリセットする方法を使っていました。

---

* {
 margin: 0;
 padding: 0;
}

---

meyerweb.comのReset CSS

---

meyerweb.comの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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

---

Eric's Archived Thoughts: Reset Reloaded
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

---

より詳細に設定されていますね…bodyの文字色や背景色までも。今のデファクトスタンダードはどんなものなのかな。

---

関連タグ：CSS UI