您现在的位置是:网站首页> 编程资料编程资料
CSS语法与JSON、JS对象区别比较_CSS教程_CSS_网页制作_
2021-09-10
975人已围观
简介 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语法与JSON、JS对象区别比较,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
相关内容
- 详解CSS的table-layout属性的用法_CSS教程_CSS_网页制作_
- 使用css transition属性实现一个带动画显隐的微信小程序部件_CSS教程_CSS_网页制作_
- 分享20条编写 CSS 代码的建议_CSS教程_CSS_网页制作_
- CSS3截取字符串实例代码【推荐】_css3_CSS_网页制作_
- 浅谈CSS中的百分比_CSS教程_CSS_网页制作_
- 使用CSS3实现环形进度条效果_CSS教程_CSS_网页制作_
- 在Less中写IE的css hack的方法介绍_CSS教程_CSS_网页制作_
- 深入理解css布局之定位与浮动_CSS教程_CSS_网页制作_
- 纯CSS + 媒体查询实现网页导航效果_CSS教程_CSS_网页制作_
- 纯CSS实现可折叠树状菜单_CSS教程_CSS_网页制作_
