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