スタイルシートの基本
スタイルシートの基本
スタイルシートの理解
スタイルシートを理解するための情報です。スタイルシートを理解されてない方は以下の項目をクリックすると、スタイルシートの基本や書き方を理解できます。
スタイルシートの基本
- スタイルシートとは
- スタイルシートを書く前に〜HTMLの要素とは〜
- スタイルシートを書く前に〜インライン要素とブロックレベル要素〜
- スタイルシートの基本的な書き方と必要な知識
- スタイルシートをHTMLで使えるようにするための準備(言語指定)
スタイルシートの決まり
- スタイルシートでの色の指定方法
- サイズの表し方
- CSSのレベルについて
- スタイルシートの継承とは
- スタイルシートのボックスモデル
- HTMLのDOCTYPEスイッチとCSS(標準モードと互換モード) 必読
HTMLからスタイルシートの呼び出し方
- 特定の要素にスタイルシートを適用させる
- HTMLファイルごとにスタイルシートを適用する
- 外部スタイルシートを読み込み、一括指定する1
- 外部スタイルシートを読み込み、一括指定する2
- スタイルシートの優先度を変更する
スタイルシートの指定方法
- クラスでスタイルシートを指定する
- 特定の要素にのみクラスで指定する
- IDを使ってスタイルシートを指定する
- 特定の要素にのみIDで指定する
- 特定の親セレクタに付属する子や孫セレクタにのみスタイルシートを適用する
- 特定の子セレクタにのみスタイルシートを適用する
- 複数のセレクタに同じプロパティを指定する
- セレクタの次のセレクタにだけ適用させる
- ある属性を持つ特定の要素にスタイルシートを適用する
- ある属性が特定の値を持つ要素にのみスタイルシートを適用する
スタイルシートの応用
- 複数の要素に同じクラス名を指定する
- 指定内の最初の子セレクタにのみ働くスタイルシート
- 要素の操作中にのみ働くスタイルシート
- セレクタ内の最初の文字にだけ働くスタイルシート
- セレクタ内の最初の行にだけ働くスタイルシート
- セレクタ内の文字の最初と最後に働くスタイルシート
- 複数スタイルシートの切り替え
スタイルシートとInternetExplorer 必読
- ボックスモデルの解釈の不具合(width,heightプロパティ)
- センタリングの不具合(margin:auto;)
- 要素のはみ出しの処理の不具合(overflow)
- 点線と破線の表示(dashed、dotted)
リファレンス
- ブロックレベル要素一覧
- インライン要素一覧
- 置換要素一覧
- ブラウザ別標準・互換モード対応表
- 16色カラーコード表
- 対応ブラウザについて
- CSSプロパティ一覧
- CSSレベル別プロパティ一覧
