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

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

醉折花枝作酒筹
リリース: 2023-01-07 11:43:31
オリジナル
5752 人が閲覧しました

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

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