CSSの構文&&共通セレクタ

CSSの構文：

• フォーマット：
  セレクタ{
  プロパティ名1：1の属性値、
  プロパティ名2：属性値2;
  ...
  }

二つのセレクター：フィルタ要素は同様の特性を有します

*注：プロパティの言葉遣いに注意が必要

各プロパティは、セミコロンを使用する必要があります「;」区切り、最後の属性はセミコロンを追加することはできません「;」

A.セレクターカテゴリ：

1.基本セレクタ

1. IDセレクタ：HTMLページの推奨値固有IDのID属性値の特定の要素を選択します。

• 構文：#ID属性値{}

2. セレクタ要素：同じラベル名を持つ要素を選択します

• 構文：タグ名} {
• 注：IDセレクタ要素が優先セレクタよりも高いです

3. クラスの選択：同じクラスの属性値を持つ要素を選択します。

• 構文：.classファイル属性値{}
• 注：セレクタ要素の上に選択クラスセレクタの優先順位

2.拡張セレクタ。

1. すべての要素を選択します。

• 構文：*} {

2. そして、セレクタを設定します。

• {2}を選択するセレクタ

3. サブセレクタ：フィルタエレメントセレクタのセレクタ要素2 1

• 構文：セレクタセレクタ2 {1}

4. 親セレクタ：フィルタセレクタは、親要素2が1で選択します

• 構文：セレクタ1>セレクタ{2}

5. 属性選択：選択要素要素名、属性名=属性値

• 構文：要素名[属性名=「属性値」] {}

6. 擬似クラス選択：ステータスを持ついくつかの要素を選択します

• 構文要素：{ステータス}
• 以下のような：
• ステータス：
• リンク：初期化状態
• 訪問：訪問した状態
• 活性：アクセスされた状態
• ホバー：マウスサスペンション

共通の属性B.css

1. フォント、テキスト

• フォントサイズ：フォントサイズ
• 色：テキストの色
• テキスト整列：彼らの方法
• 行の高さ：行の高さ

2. 背景

• バックグラウンド：

3. フレーム

• ボーダー：プロパティに沿って、境界線を設定します

4. サイズ

• 幅：幅
• 高さ：高さ

5. ボックスモデル：コントロールのレイアウト

• マージン：マージン
• パディング：パディング
  -デフォルトの余白の場合、ボックス全体のサイズに影響を与えます
• ボックスサイズ：境界ボックス、ボックスの幅及び高さは、最終の大きさであるように、ボックスのプロパティを設定します

• フロート：フロート
  -左
  -右