mozilla曾写有一篇文章建议css属性应该按一定的书写顺序!
之所以强调css属性书写顺序规范,是因为这个顺序同浏览器解析过程有关:浏览器先对DOM定位,然后解析自身属性,然后再解析其中的内部对象!
可以说这个书写顺序不但是因为项目的开发代码规范标准,也因为合理的书写顺序更符合浏览器的渲染的顺序。
mozilla官网自身的base样式表:https://www.mozilla.org/css/base/content.css 里面也有注解、说明。
综合网上资料所述,我们大致可以简单的将样式属性的书写顺序归纳为:
1、影响文档流的属性
比如:display,list-style, position, float, clear, visibility, table-layout等
2、自身盒模型的属性
比如:width, height, margin, padding, border,background等
3、文字排版相关属性
比如:color,font, line-height, text-align, text-indent, vertical-align,white-space等
4、装饰性属性
比如: opacity, cursor等
5、生成内容的属性
比如:content, list-style, quotes等
也许在实际项目中,我们并不会也不用严格近照这个书写规范来编写css样式,但熟悉被广为推崇的CSS属性书写顺序规范对于帮助我们理解页面加载、渲染顺序还是有一定的帮助的!
3条评论( 网友:2 条,站长:1 条 ) 网友评论{有您的评论更精彩....}