CSS3 文法規則は何で構成されていますか?

css3 文法ルールは、「セレクター」、「属性」、「属性値」の 3 つの部分で構成されます。 「セレクター」はCSSスタイルコーディングの対象となるオブジェクトを指定し、「プロパティ」はCSSが提供する設定スタイルオプション、「プロパティ値」はプロパティの効果を表示するためのパラメータです。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

スタイルは CSS の最小構文単位であり、CSS 構文はセレクター、属性、属性値の 3 つの部分で構成されます。

• セレクター

  このスタイル コーディングのセットの対象となるオブジェクトを指定します。これは、XHTML タグまたは特定の ID またはクラスのタグ (# が前に付きます);

• 属性 (プロパティ)

  属性は CSS スタイル コントロールの中核であり、あらゆるもので使用されます。 XHTML ラベルと CSS は両方とも、色、サイズ、位置、フローティング メソッドなどの豊富なスタイル属性を提供します。

  属性は、CSS によって提供されるセット スタイル オプションです。属性名は 1 つ以上の単語で構成され、複数の単語はハイフンで接続されます。これにより、スタイル設定される属性の効果を直感的に表現できます。
  

• 属性値 (値)

  は属性の値を指し、属性の効果を表示するために使用されるパラメーターです。数値や単位、あるいはキーワードなどが含まれます。

さまざまな表記方法と値の単位

英語の red に加えて、16 進数も使用できます。カラー値 #ff0000:

p { color: #ff0000; }

バイトを節約するには、CSS 省略形を使用できます:

p { color: #f00; }

また、RGB 値を 2 つの方法で使用できます:

p { color: rgb(255,0,0); }
p { color: rgb(100%,0%,0%); }

RGB パーセンテージを使用する場合、値が 0 の場合でもパーセント記号が書き込まれることに注意してください。ただし、他の場合にはこれを行う必要はありません。たとえば、サイズが 0 ピクセルの場合、単位に関係なく 0 は 0 であるため、0 の後に px 単位を使用する必要はありません。

#忘れずに引用符を記述してください

ヒント: 値が複数の単語である場合は、値に引用符を追加します:

p {font-family: "sans serif";}

CSS の高度な構文: セレクターのグループ化

グループ化されたセレクターが同じ宣言を共有するようにセレクターをグループ化できます。

グループ化する必要があるセレクターをカンマで区切ります。以下の例では、すべての見出し要素をグループ化しています。すべてのタイトル要素は緑色です。

h1,h2,h2,h3,h5,h6 {
color: green;
}

(学習ビデオ共有:

css ビデオ チュートリアル)

以上がCSS3 文法規則は何で構成されていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。