Home > CSS
CSS Archive
[ CSS ] グリッドレイアウトのサンプル
- 2008-07-01 (火)
- CSS
汎用的に使える CSS グリッドレイアウトのサンプルがあれば良いなぁと思い、コンテンツエリアを等分割して、その中の領域をいくつ使うかでクラスを使い分けるサンプルを書いてみました。
![[ CSS ] グリッドレイアウトのサンプル [ CSS ] グリッドレイアウトのサンプル](http://bowz.info/wp-content/uploads/2008/07/css-grid-layout.png)
[ CSS ] 縦方向メニューのサンプル
- 2008-03-17 (月)
- CSS
[ CSS ] フォントファミリー ( font-family ) を指定する
- 2008-01-29 (火)
- CSS
ウェブページのフォントをメイリオにしたくなって、CSS を設定してみました。関係ないのかも知れませんが、ウェブページの文字コードは UTF-8 です。
[ CSS ] IE6 でリストの背景画像が表示されないよ
- 2007-09-11 (火)
- CSS
MultipleIEs の Internet Explorer 6.0 でリストの背景画像が表示されなくてハマったのでメモ。
CSS: 画面の中央にブロック要素を配置する
- 2007-07-24 (火)
- CSS
よく使う水平方向の中央に表示じゃなくて、水平・垂直方向の中央にブロック要素を配置する CSS サンプルを書いてみました。
CSS でロールオーバー
- 2007-07-19 (木)
- CSS
CSS でロールオーバーもどき と言う記事を読んで、早速試してみました。これは良い!CSS の opacity と言うプロパティで不透明度をコントロールするんだそうです。
[ CSS ] ユニバーサルセレクタでリセットはマズいの?
- 2007-06-20 (水)
- CSS
今まで、ブラウザ毎にあるデフォルトスタイルの差異を吸収すべく、* { margin: 0; padding: 0; } と言うスタイルを書いていた訳ですが、「 レンダリングが遅くなる 」 などの問題点があるんだそうです。
[ CSS ] 見出しの文字が欠ける場合の対処法
- 2007-05-28 (月)
- CSS
HTML の一番上に h1 要素を書いて、CSS で、
body { line-height: 150%; }
と言った記述をすると、Windows Internet Explorer 7 で見出しの文字が欠けてしまいます。

こんな感じ。そんな時は、
body { line-height: 1.5; }
のように line-height を単位の無い値にすると解決します。
一応、文字欠けのサンプル を置いておきます。
Home > CSS
- Feeds
- Meta
- スポンサードリンク
-
- 楽天ダイナミックアド
-
