CSS(Cascading Style Sheets)規(guī)則由2個(gè)部分構(gòu)成:選擇器,聲明。
selector{declaration1;declaration2;declaration3;...declarationN}
declaration由分號(hào)(;)隔開,表示為 property:value1 value2 ..是一種單層的無內(nèi)嵌套的結(jié)構(gòu)。
value為具體的某值如表示大小的px,顏色的#FFFFFF,position的relative/absolute等等
selector可以由多個(gè)選擇器表示中間由逗號(hào)隔開如h1,h2,h3,h4..
注:code CSS要注意時(shí)屬性的值要求有序與否
backgroud: color position size repeat attachment url("img.url")這類屬性瀏覽器渲染解析時(shí)利用正則判斷value的類型可達(dá)到修改指定屬性,其順序和value類型可隨意搭配。
padding: left top right bottom這類屬性渲染時(shí)則是根據(jù)順序解析,若要修改指定屬性需補(bǔ)全其前面的值。
JSON(Javascript Object Nonation)由對(duì)象聲明構(gòu)成。
{declaration1,declaration2,..declarationN}其表示可以為樹狀多層級(jí)嵌套結(jié)構(gòu),對(duì)象的屬性內(nèi)可以由另一個(gè)或多個(gè)對(duì)象表示。多個(gè)對(duì)象外層由JS數(shù)組[]符號(hào)閉合,對(duì)象由集合符號(hào){}閉合,用冒號(hào)表示映射關(guān)系。
JS對(duì)象
由集合符號(hào){}構(gòu)成,內(nèi)容為屬性:值,由逗號(hào)隔開,結(jié)構(gòu)和JSON對(duì)象類似可嵌套,但其屬性不非要用引號(hào)閉合。
綜上可得出JSON對(duì)象為JS對(duì)象的子類,而CSS對(duì)象為JSON的子類,即CSS繼承JS對(duì)象。
總結(jié)
以上所述是小編給大家介紹的CSS語法與JSON、JS對(duì)象區(qū)別比較,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VeVb武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選