Rumah  >  Artikel  >  hujung hadapan web  >  CSS语法与JSON、JS对象区别比较详解

CSS语法与JSON、JS对象区别比较详解

小云云
小云云asal
2018-01-19 10:28:591556semak imbas

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对象的详细介绍

Atas ialah kandungan terperinci CSS语法与JSON、JS对象区别比较详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn