とほほのスタイルシート入門

IE5.0でサポートされたスタイルシートを紹介。(1999.6.27)

概要

• スタイルシートとは？
• スタイルシートの基礎
• タグと要素とセレクタ
• グルーピング
• 継承
• クラス
• 定義済みクラス
• ID属性
• 状況依存セレクタ
• コメント
• 優先順位
• スタイルシートを外部ファイルで定義する
• スタイルシートのメリット
• スタイルシートの注意点
• ブラウザのバグや実装の違い
• アクセシビリティ

リファレンス

• 値の指定方法
• フォント
• バックグランド
• テキスト配置
• マージン
• パディング
• ボーダー
• リスト
• ポジショニング
• その他
• フィルタ

CSSサポート状況一覧

• CSSサポート状況一覧

サンプル

• <FONT SIZE=n>よりも柔軟なフォントサイズを指定する
• テキストの背景色を指定する
• 下線の無いリンクテキストを表示する
• 行間を適度にあける
• 段落の１行目をインデント（字下げ）する
• インデント（字下げ）する
• 背景を左端のみに表示する
• マウスを乗せたリンクの色を変える(IE4.0)

フィルタサンプル

• 画像に対するフィルタ効果
• テキストに対するフィルタ効果