CSS語法與JSON、JS對象比較

本文轉載於:猿2048網站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對象。