CSS代码书写规范究极指南

2020-05-06 09:23:48易采站长站整理

    content: "”";   
}   
/* bad */  
html[lang|=zh] q:before {   
    font-family: ‘Microsoft YaHei’, sans-serif;   
    content: ‘“’;   
}   
html[lang|=zh] q:after {   
    font-family: "Microsoft YaHei", sans-serif;   
    content: "”";   
}  

3.2 数值
[强制] 当数值为 0 – 1 之间的小数时,省略整数部分的 0。
示例:

CSS Code复制内容到剪贴板

/* good */  
panel {   
    opacity: .8   
}   
/* bad */  
panel {   
    opacity: 0.8   
}  

3.3 url()
[强制] url() 函数中的路径不加引号。
示例:

CSS Code复制内容到剪贴板

body {   
    background: url(bg.png);   
}  

3.4 长度
[强制] 长度为 0 时须省略单位。 (也只有长度单位可省)
示例:

CSS Code复制内容到剪贴板

/* good */  
body {   
    padding: 0 5px;   
}   
/* bad */  
body {   
    padding: 0px 5px;   
}  

3.5 颜色
[强制] RGB颜色值必须使用十六进制记号形式 #rrggbb。不允许使用 rgb()。

CSS Code复制内容到剪贴板

/* good */  
.success {   
    box-shadow: 0 0 2px rgba(0, 128, 0, .3);   
    border-color: #008000;   
}   
/* bad */  
.success {   
    box-shadow: 0 0 2px rgba(0,128,0,.3);   
    border-color: rgb(0, 128, 0);   
}  

[强制] 颜色值可以缩写时,必须使用缩写形式。
示例:

CSS Code复制内容到剪贴板

/* good */  
.success {   
    background-color: #aca;   
}   
/* bad */  
.success {   
    background-color: #aaccaa;   
}  

[强制] 颜色值不允许使用命名色值。