CSSの基本的な構文とは何ですか

css の基本構文は次のとおりです: 1. CSS ルールは、セレクターと 1 つ以上の宣言の 2 つの部分で構成されます; 2. セレクターは、通常、スタイルを変更する必要がある HTML 要素です; 3. 各宣言は、の属性は値で構成されます; 4. 属性と属性値はコロンで区切られます。

#CSS 構文

CSS ルールは、セレクターと 1 つ以上のステートメントという 2 つの主要な部分で構成されます。 [推奨読書:

CSS チュートリアル #]

selector {declaration1; declaration2; … declarationN }

セレクターは通常、スタイルを変更する必要がある HTML 要素です。

各ステートメントは属性と値で構成されます。

プロパティは、設定するスタイル属性です。各属性には値があります。プロパティと値はコロンで区切られます。

selector {property: value}

次のコード行は、h1 要素内のテキストの色を赤に設定し、フォント サイズを 14 ピクセルに設定します。

この例では、h1 がセレクター、color と font-size が属性、red と 14px が値です。

h1 {color:red; font-size:14px;}

次の図は、上記のコードの構造を示しています。

CSS 構文

ヒント: 宣言を囲むには中括弧を使用してください。

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

英語の単語「red」に加えて、16 進数の色の値も使用できます #ff0000:

p { color: #ff0000; }

バイト数を節約するには、短い形式の CSS を使用できます:

p { color: #f00; }

2 つの方法で RGB 値を使用することもできます:

p { color: rgb（255,0,0）； }
p { color: rgb（100%,0%,0%）； }

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

以上がCSSの基本的な構文とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。