CSS 構文と JSON および JS オブジェクトの違いの詳細な説明-CSSチュートリアル-php.cn

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

小云云

リリース： 2018-01-19 10:28:59

オリジナル

1560 人が閲覧しました

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 オブジェクトを継承すると結論付けることができます。