码迷,mamicode.com
首页 > Web开发 > 详细

css书写规范

时间:2019-06-11 01:17:23      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:多个   包含   code   line   建议   括号   sele   pre   选择器   

css书写规范

空格规范

【强制】选择器与花括号之间必须有空格

示例:.selecter {  }

【强制】属性名与之后的 : 之间不允许包含空格,: 与属性值之间必须包含空格

示例:font-size:px; 

选择器规范

【强制】当一个rule包含多个selecter时,每个选择器必须独占一行

正确示范:
.post,
.page,
.comtent {
    line-height: 1.5em;
}
错误示范:
.post,.page,.comtent {
    line-height: .5em;
}

【建议】选择器的嵌套层级不大于3级,位置靠后的限定条件应该尽可能精确

属性规范

【强制】属性定义必须另起一行;属性定义后必须以分号结束。

.selecter {
    margin: 0;
    padding: 0;
}

css书写规范

标签:多个   包含   code   line   建议   括号   sele   pre   选择器   

原文地址:https://www.cnblogs.com/liangyuya/p/11001194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!