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對象。