CSS Archive

汎用的に使える CSS グリッドレイアウトのサンプルがあれば良いなぁと思い、コンテンツエリアを等分割して、その中の領域をいくつ使うかでクラスを使い分けるサンプルを書いてみました。

Continue reading

今更ですが、CSS で縦方向メニューのサンプルを書いてみました。

↑ 完成イメージ

Continue reading

HTML の dl で書かれているコードをスタイリングする CSS のサンプルをいろいろ覚え書き。

Continue reading

ウェブページのフォントをメイリオにしたくなって、CSS を設定してみました。関係ないのかも知れませんが、ウェブページの文字コードは UTF-8 です。

Continue reading

MultipleIEs の Internet Explorer 6.0 でリストの背景画像が表示されなくてハマったのでメモ。

Continue reading

よく使う水平方向の中央に表示じゃなくて、水平・垂直方向の中央にブロック要素を配置する CSS サンプルを書いてみました。

Continue reading

CSS でロールオーバーもどき と言う記事を読んで、早速試してみました。これは良い！CSS の opacity と言うプロパティで不透明度をコントロールするんだそうです。

Continue reading

今まで、ブラウザ毎にあるデフォルトスタイルの差異を吸収すべく、* { margin: 0; padding: 0; } と言うスタイルを書いていた訳ですが、｢ レンダリングが遅くなる ｣ などの問題点があるんだそうです。

Continue reading

IE は width 指定があると、垂直マージンが相殺できないみたい。

Continue reading

HTML の一番上に h1 要素を書いて、CSS で、

body { line-height: 150%; }

と言った記述をすると、Windows Internet Explorer 7 で見出しの文字が欠けてしまいます。

こんな感じ。そんな時は、

body { line-height: 1.5; }

のように line-height を単位の無い値にすると解決します。

一応、文字欠けのサンプル を置いておきます。