<table> によるレイアウトは便利だし安定していますが、そろそろ CSS での表現にウエイトを置いても良いのではないだろうか。という事で、備忘録も兼ね、スタイルシートの色々な表現方法をまとめてみました。
- CSS で段組みレイアウトを作る
- float と width を使うと思い通りに
- ボックスがセンタリングしたレイアウトを作る
- margin-left と margin-right を有効に使う
- Safari で和文フォントを指定する方法
- 'Hiragino Kaku Gothic Pro'のように英文で記述すればOK
- before、after はかなり便利
- 余分な装飾は入れたくない、けれどそれでは寂しい!という人に
- Safari で before、after に日本語を使いたい
- Unicode の区点コードで記述すればOK
- 画像を使わずボタンのようなリンクを作る (1)
- border を使うと良い感じに
- overflow: auto を使用したグラビア的ページ作り
- 背景画像と overflow を上手に使ってグラビア的なページに
- IE 6.x for Win の float による非表示バグ回避法
- 親要素の幅を指定してあげれば解決!
- ナビゲーション用メニューを改行させない
- white-space: nowrap の変わった(?)使い方
- 画像を使わずボタンのようなリンクを作る (2)
- ブロック要素全体にアンカーを適用する