CSS语法与JSONJS对象比较

Posted 2021-04-30 w3cschool编程狮

　　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对象。（文章来源 https://www.cnblogs.com/S-E-G/p/8302348.html）