ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSスタイルは何で構成されていますか

CSSスタイルは何で構成されていますか

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-07-15 11:20:095751ブラウズ

CSS スタイルは、セレクター、属性、値の 3 つの部分で構成されます。通常、セレクターは定義する HTML 要素またはタグであり、属性は変更するプロパティであり、各プロパティには値があります。プロパティと値はコロンで区切られ、中括弧で囲まれているため、完全なスタイル宣言が形成されます。

CSSスタイルは何で構成されていますか

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

CSS 構文は、セレクター、属性、値の 3 つの部分で構成されます。

selector {property: value}

セレクター {属性:属性値}

セレクター (セレクター) は通常、定義する HTML 要素またはタグであり、属性 (プロパティ) は変更する属性です。 、それぞれの Each 属性には値があります。プロパティと値はコロンで区切られ、中括弧で囲まれているため、完全なスタイル宣言が形成されます。

例:

body {color: blue}

上記のコード行の機能は、body 要素内のテキストの色を青として定義することです。上記の例では、本文がセレクターであり、中括弧で囲まれた部分が宣言です。宣言は属性と値の 2 つの部分で構成され、色は属性、青は値です。

CSS コードはセレクターと 1 つ以上の宣言で構成され、これらの宣言は属性と値で構成されます。次のコード例のように、CSS コードはセレクター、属性、および値で構成されているとも言えます:

选择器 {
    属性1: 值1;
    属性2: 值2;
    ……
}
.div1 {
    width: 100px;
    height: 200px;
}

selector.div1

属性幅値 100px

属性の高さの値 200px

推奨学習: css ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。