スタイルシート Tips

CSS Tips

  1. ブラウザの違いによる影響を減らす
  2. Reset CSS (ブラウザの違いによる影響を減らす)
  3. リンクの装飾
  4. borderのいろいろ
  5. 画像でアンダーライン
  6. CSS で テーブル の 枠線 いろいろ
  7. CSSで影のない(noshade)水平線
  8. CSSでbreadcrumbs list(パンくずリスト)
  9. 日付のついた更新履歴をdl要素でおこなう
  10. CSS で ボックス を センタリング する
  11. CSS で 2 段組 のレイアウトを作成する
  12. ネガティブマージン によるリキッドレイアウト
  13. heightの%指定で正しく100%のボックスを作成
  14. 角の丸い枠を作成する Table編(番外)
  15. 角の丸い枠を作成する CSS編
  16. 角の丸い枠を作成する CSS編(1画像で行う)
  17. CSS で ロールオーバー
  18. CSS で ロールオーバー 画像編
  19. タブのようなナビゲーション
  20. 画像も使用したタブのようなナビゲーション(Sliding Doors)
  21. 文字列(h1など)を画像で置き換える(span要素使用)
  22. 文字列(h1など)を画像で置き換える(overflow使用)
  23. body要素の下の背景
  24. お気に入りやアドレスバーにアイコン表示(favicon)番外
  25. CSSでRSSボタンを作成する
  26. unicode-bidiでSPAM対策
  27. 2階層のグローバルメニュー

レイアウト

  1. 左右固定幅の2段組 position: absolute
  2. 左右可変幅の2段組 float
  3. ネガティブマージンによるの2段組
  4. ネガティブマージンによるの2段組[センタリング]
  5. ネガティブマージンによるの2段組[センタリング+header]
  6. ネガティブマージンによるの2段組[センタリング+header+footer]
  7. 固定幅の3段組 position: absolute
  8. 中央可変幅の3段組 float
  9. 中央可変幅の3段組 float[header]
  10. 中央可変幅の3段組 float[header+footer]