CSS語法與JSON、JS物件區別比較詳解

JSON物件為JS物件的子類，而CSS物件為JSON的子類，即CSS繼承JS物件。本文主要跟大家詳細介紹CSS文法與JSON、JS物件差異比較，有興趣​​的朋友一起看看吧，希望能幫助大家。

CSS（Cascading Style Sheets）規則由2個部分構成：選擇器，宣告。　　

selector｛declaration1;declaration2;declaration3;...declarationN｝

　　  declaration由分號（；）隔開，表示為 property:value1 value2 ..是一種單層的無內嵌套的結構。

　　  value為具體的某值如表示大小的px,顏色的#FFFFFF,position的relative/absolute等等

　　  selector可以由多個選擇器表示中間由逗號隔開如h1,h2,h3,h4..

 註：code CSS要注意時屬性的值要求有序與否

 　　backgroud: color position size repeat attachment url("img .url")這類屬性瀏覽器渲染解析時利用正規判斷value的類型可達到修改指定屬性，其順序和value類型可隨意搭配。

　　padding: left top right bottom這類屬性渲染時則是依序解析，若要修改指定屬性需補全其前面的值。

 JSON(Javascript Object Nonation)由物件宣告構成。

　{declaration1,declaration2,..declarationN}

　　 其表示法可以為樹狀多層巢狀結構，物件的屬性內可以由另一個或多個物件表示。多個物件外層由JS數組[]符號閉合，物件由集合符號｛｝閉合，以冒號表示映射關係。

JS物件

　　由集合符號｛｝構成，內容為屬性：值，由逗號隔開，結構和JSON物件類似可嵌套，但其屬性不非要用引號閉合。

綜上可得出JSON物件為JS物件的子類，而CSS物件為JSON的子類，即CSS繼承JS物件。

相關推薦：

CSS語法教學實例

#完全掌握jsonp的原理與實作方式

js物件的詳細介紹

以上是CSS語法與JSON、JS物件區別比較詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！