§ ITPOW >> 文档 >> CSS

样式表结构规范

作者:飞飞鱼 来源:ITPOW 日期:2005-12-27

括号对齐:
body
{
    color:#FF0000;
}
而不是:
body{
    color:#FF0000;
}
也不是:
body{color:#FF0000;}

缩进四格:
body
{
    font-size:13px;
    color:#FF0000;
}
而不是:
body
{
font-size:13px;
color:#FF0000;
}

一行一个:
body
{
    font-size:13px;
    color:#FF0000;
}
而不是:
body
{
    font-size:13px;color:#FF0000;
}

属性小写:
body
{
    color:#FF0000;
}
而不是:
BODY
{
    COLOR:#FF0000;
}

分号完整:
body
{
    font-size:13px;
    color:#FF0000;
}
而不是:
body
{
    font-size:13px;
    color:#FF0000 /*这里应该有分号结束*/
}

空行:两个标签或class或id间要空一行,如果有类别上的划分,应该空两行,甚至可以用符号分隔开。

属性顺序:我的顺序是这样的:clear, float, margin, padding, width, height, border, background, text-align, font-weight, font-size, color。这不是标准也不是一种行业规范,你也可以针对自己的情况自行制定顺序,我是大致按照FrontPage的各种属性框的排列顺序来写的。

匆忙完稿,未尽之处,随时补充,不当之处,恳请赐教。

相关文章