htmlとbodyの初期化

このブログエントリーをグイグイと参考にさせていただいて、自分用の簡易CSSライブラリに加える為、メモる。

html { /* Firefoxでswfファイル等を縦100%で表示 */
  height:100%;
}

html>/**/body { /* Firefoxで縦スクロールバーの領域を表示 */
  overflow:-moz-scrollbars-vertical;
}

html:first-child body { /* Opera用 padding-bottomはケースバイケースで */
  min-height:100%;
  padding-bottom:1px;
}

body { /* 制作するサイトやページ独自のものを指定 */
	/* marginやpaddingや文字色や背景等を */
}

これをbase.cssとして、他のreset.cssやfonts.cssと一緒にimportで読み込んで使用。

@charset "shift_jis"; /* 文字コードの指定 */
@import url(reset.css);
@import url(fonts.css);
@import url(base.css);

Tags: html, setting, tips