CSSの文法構造は何ですか?

青灯夜游
リリース: 2019-05-23 18:44:08
オリジナル
6201 人が閲覧しました

CSSの文法構造は何ですか?

CSS の文法構造は、セレクター (Selector)、属性 (プロパティ)、および値 (値) の 3 つの部分だけで構成されます。

使用構文:

selector {Property:value;}
ログイン後にコピー

セレクター (セレクター) は、このスタイル コーディングのセットの対象となるオブジェクトを参照します。これは、body、h1 などの XHTML タグにすることができます。特定の ID または CLASS タグ (#main セレクターなど) も定義します。これは、

を選択することを意味します。つまり、id として main が指定されたオブジェクトを選択します。ブラウザは CSS セレクターを厳密に解析し、スタイルの各セットがブラウザによって対応するオブジェクトに適用されます。

プロパティは CSS スタイル コントロールの中核です。CSS は、XHTML の各タグに対して、色、サイズ、位置、フローティング メソッドなどの豊富なスタイル属性を提供します。

Value(値)は属性の値を指します。形式は2つあります。1つはfloat属性などの指定範囲の値です。左の3つの値のみです。幅などは適用できません。0 ~ 9999 またはその他の数学単位を使用して指定できます。

実際のアプリケーションでは、次のような同様のアプリケーション フォームをよく使用します:

body {background-color:blue;}
ログイン後にコピー

説明:

上記の本文はタイプ セレクタです。{}いわゆるタイプセレクターとは、Web ページ内の既存のタグの種類を名前として使用するセレクターを指します (body は Web ページ内のタグの種類であり、div も、span も同様です)。したがって、次のセレクターはすべてタイプ セレクターであり、ページ内のすべてのボディ、div、またはスパンを制御します。

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

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