ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 構文と JSON および JS オブジェクトの違いの詳細な説明

CSS 構文と JSON および JS オブジェクトの違いの詳細な説明

小云云
小云云オリジナル
2018-01-19 10:28:591555ブラウズ

JSON オブジェクトは JS オブジェクトのサブクラスであり、CSS オブジェクトは JSON のサブクラスです。つまり、CSS は JS オブジェクトを継承します。この記事では主に CSS 構文と JSON および JS オブジェクトの違いについて詳しく紹介しますので、興味のある方はぜひご覧ください。

CSS (Cascading Style Sheets) ルールは、セレクターと宣言の 2 つの部分で構成されます。


selector{declaration1;declaration2;declaration3;...declarationN}

宣言はセミコロン(;)で区切ってproperty:value1 value2.と表現します。内部ネストのない単層構造です。

値は、サイズのpx、色の#FFFFFF、位置の相対/絶対などの特定の値です。

セレクターは、h1、h2、h3、h4など、カンマで区切られた複数のセレクターで表すことができます。

注: CSS をコーディングするときは、属性の値が順序どおりである必要があるかどうかに注意する必要があります

backgroud: color position size repeat attachment url("img.url") ブラウザがこのタイプの属性をレンダリングおよび解析するときに、指定された属性が変更される可能性があります。通常のルールを使用して属性を決定し、順序と値のタイプを自由に一致させることができます。

Padding: 左上右下などのプロパティはレンダリング時に順序に従って解析されます。指定されたプロパティを変更したい場合は、以前の値を完成させる必要があります。

JSON (JavaScript Object Nonation) はオブジェクト宣言で構成されます。


 {declaration1,declaration2,..declarationN}

その表現はツリー状の多レベルの入れ子構造にすることができ、オブジェクトの属性は別のオブジェクトまたは複数のオブジェクトで表すことができます。複数のオブジェクトの外側の層は JS 配列 [] 記号で閉じられ、オブジェクトはコレクション記号 {} で閉じられ、コロンはマッピング関係を示すために使用されます。

JSオブジェクト

コレクションシンボル{}で構成され、その内容はカンマで区切られた属性:値です。構造はJSONオブジェクトと同様でネストできますが、その属性はネストする必要はありません。引用符で囲みます。

要約すると、JSON オブジェクトは JS オブジェクトのサブクラスであり、CSS オブジェクトは JSON のサブクラス、つまり CSS は JS オブジェクトを継承すると結論付けることができます。

関連する推奨事項:

CSS 構文チュートリアルの例

jsonp の原則と実装を完全にマスターする

js オブジェクトの詳細な紹介

以上がCSS 構文と JSON および JS オブジェクトの違いの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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