2009/06/18

CSS覚え書き - 最初の指定

忘れないうちに、メモ。

それぞれ、ブラウザ毎に初期値が違うものをリセットする
1
2
3
* { margin: 0; padding: 0; line-height: 100%; font-size: 100%; }
table { border-collapse: collapse; }
object, embed { vertical-align: top; }
Firefoxで、縦スクロールバーを予め表示しておく
1
html { overflow-y:scroll; }
画像の枠線を消す。また、firefoxで<table> や<li>で縦に並べたときに下に1pxの隙間が空くのを防ぐ。
1
img { border: 0; vertical-align:bottom; }
文字サイズの統一(効果があるのかどうか今市不明だが、どっかに書かれていた方法)
1
2
3
body { font-size: 12pxfont-size: 62.5%; }
*:first-child+html body { font-size: small; }  /* IE7 */
* html body { font-size: small; }  /* IE6 */
最初の指定はこんなものかな

0 件のコメント:

色々な画像ファイル形式をhtmlに埋め込む(PHP)

画像をhtmlに埋め込む際、単一の場合は img/src、複数の拡張子を指定すると img/source/srcsetに展開してくれる便利関数。また、単一拡張子のみが指定されている場合は、ブラウザのサポート状況に応じ、avifやwebpの拡張子を持つ同名のファイルがある場合は[a...