我们运用
x
html+
css网页布局,实现表现与结构的分离,表现部分的
css文件非常重要,也比较繁杂,我们在书写CSS文件时有很多属性和值,我们就考虑到了书写顺序的问题。
有时候是先写了margin或color,然后再写width和height等等。我们有没有必要让我们的编码更加的工整,更加的科学呢?实践证明,书写工整、按一定的规则进行书写是很有好处的。
下面是Mozilla Firefox所建议的CSS书写顺序,对我们的代码书写很有参考价值:
程序代码
有时候是先写了margin或color,然后再写width和height等等。我们有没有必要让我们的编码更加的工整,更加的科学呢?实践证明,书写工整、按一定的规则进行书写是很有好处的。
下面是Mozilla Firefox所建议的CSS书写顺序,对我们的代码书写很有参考价值:
程序代码
* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* background
//文本属性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* background
//文本属性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
本文介绍了Mozilla Firefox推荐的CSS属性书写顺序,遵循这一顺序可以使代码更整洁、易读,并提高开发效率。文章详细列出了显示属性、自身属性及文本属性等各类CSS属性的建议书写顺序。
119

被折叠的 条评论
为什么被折叠?



