ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSの基本的な構文とは何ですか

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

云罗郡主
リリース: 2020-09-15 15:01:52
オリジナル
18367 人が閲覧しました

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

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

#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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート