Css

Lynda.com-JamesWilliamsonによるCSSの基礎



Lynda Com Css Fundamentals James Williamson



要素固有のセレクター



アプリケーションを特定の要素に制限する変更されたクラスまたはIDセレクター

h2.subheading {color: blue} div#sidebar {font-size: 80%}

CSSとIDの命名規則



  • 空白や特殊文字はありません
  • CSSでは大文字と小文字が区別されます

子孫セレクター

他の要素内の位置に基づいて要素をターゲットにする非常に具体的なスレクター

div p span { color: blue}

セレクターのグループ化



書式を共有するセレクターをグループ化できます

h1, h2, .quote {font-weight: normal color: blue}

CSSのCASCADEは、最後に適用されたルールが優先されることを意味します。

CSSのモジュール化

  • CSS3は単一の仕様ではありません
  • CSSは現在、一連のモジュール化された仕様として公開されています
  • セレクターのようなセクションは、独自の仕様になりました
  • このアプローチにより、W3Cは仕様に優先順位を付け、新しいニーズに迅速に対応することができます。

要素の幅の外側にパディングが追加されます。

マージン

  • マージンは要素間のスペースを表します
  • マージン値は、要素の全幅の一部として計算されません
  • ほとんどの要素には、考慮する必要のあるデフォルトのマージンがあります

上の要素の下マージンと下の要素の上マージンが折りたたまれ、大きい方のマージンが適用されます。

相対ポジショニング

要素は引き続き通常のドキュメントフローの一部と見なされますが、上、右、下、または左のオフセット値を使用して、要素を通常の位置からオフセットできます。

絶対ポジショニング

要素は通常のドキュメントフローから削除され、上、右、左、または下のオフセット値に基づいて再配置されます。要素は、最も近い位置にある祖先を基準にして配置されます。

半分欲しい

メディアクエリを使用すると、メディアタイプをメディアプロパティ式と組み合わせて、色、画面幅、およびその他の要因に基づいてスタイルを適用することができます。

CSSリセット

ブラウザのデフォルトのスタイルシートを無効にする一連のスタイル。これにより、設計者は自分のスタイルとブラウザのデフォルトのスタイルとの競合を回避できます。