主页 > 知识库 > 网页基础 > DIV&CSS >

xhtml css网页布局是否要注意CSS书写顺序?

来源: 作者: 发表于:2012-08-17 13:49  点击:
我们运用xhtml css网页布局,实现表现与结构的分离,表现部分的css文件非常重要,也比较繁杂,我们在书写CSS文件时有很多属性和值,我们就考虑到了书写顺序的问题。 有时候是先写了margin或color,然后再写width和height等等。我们有没有必要让我们的编码更
  我们运用xhtml css网页布局,实现表现与结构的分离,表现部分的css文件非常重要,也比较繁杂,我们在书写CSS文件时有很多属性和值,我们就考虑到了书写顺序的问题。
  有时候是先写了margin或color,然后再写width和height等等。我们有没有必要让我们的编码更加的工整,更加的科学呢?实践证实,书写工整、按一定的规则进行书写是很有好处的。
  下面是Mozilla Firefox所建议的CSS书写顺序,对我们的代码书写很有参考价值:

示例代码 [www.dedecms.com]* 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
  

    有帮助
    (0)
    0%
    没帮助
    (0)
    0%