【CSS】ブラウザのデフォルトスタイルをリセット
ウエブデザインを作るのには欠かせないスタイルシートですが、ブラウザによってCSSの表示が異なるため、それの対策に囚われ時間を費やす事もしばしば。
それならいっそ最初に全部のブラウザのデフォルトスタイルをリセットしちゃえば良いじゃないという発想からくるスタイルシートのサンプルがあります。
これは去年くらいからうちの一部のブログで採用していますけど、なかなかどうして使い勝手が良いですよ。
【ブラウザのデフォルトスタイルをリセットする:CodeZine】
【Yahoo! UI Library: Reset CSS】
あとスタイルシートのポジションの指定もメモメモ
【CSS : positionの「absolute」「relative」「fixed」のリフォレンス | CSS Lecture】
CSS3はまだIE7でも採用じゃなかったんですっけ?
【ウェブページの段組みをレイアウトするCSS 3のMulti Column - builder by ZDNet Japan】
html, body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset, input, textarea{
margin: 0;
padding: 0;
}
img, fieldset{
border: none;
}
【Yahoo! UI Library: Reset CSS】
あとスタイルシートのポジションの指定もメモメモ
【CSS : positionの「absolute」「relative」「fixed」のリフォレンス | CSS Lecture】
CSS3はまだIE7でも採用じゃなかったんですっけ?
【ウェブページの段組みをレイアウトするCSS 3のMulti Column - builder by ZDNet Japan】