首頁  >  文章  >  web前端  >  CSS語法與JSON、JS物件區別比較詳解

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

小云云
小云云原創
2018-01-19 10:28:591556瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn