CSS——CSS书写规范

简介: CSS——CSS书写规范

空格规范


【强制】 选择器 与 { 之间必须包含空格。


示例: .selector { }


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

示例:


font-size: 12px;


选择器规范


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


示例:


/* good */
.post,
.page,
.comment {
    line-height: 1.5;
}
/* bad */
.post, .page, .comment {
    line-height: 1.5;
}


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


示例:


/* good */
#username input {}
.comment .avatar {}
/* bad */
.page .header .login #username input {}
.comment div * {}


属性规范


【强制】 属性定义必须另起一行。


示例:


/* good */
.selector {
    margin: 0;
    padding: 0;
}
/* bad */
.selector { margin: 0; padding: 0; }


【强制】 属性定义后必须以分号结尾。(最后一句属性不加;也可以,但是强烈不建议)


示例:


/* good */
.selector {
    margin: 0;
}
/* bad */
.selector {
    margin: 0
}
相关文章
|
9月前
|
缓存 前端开发
前端代码整洁与规范之CSS篇
【4月更文挑战第2天】 前端代码整洁与规范之CSS篇
277 4
|
5月前
|
缓存 前端开发
css内部样式和外部样式的性能比较和使用规范
CSS 的内部样式和外部样式各有优缺点,适用于不同场景。
|
8月前
|
前端开发
CSS行内样式书写规范及注意事项
CSS行内样式书写规范及注意事项
103 0
|
前端开发 JavaScript 程序员
CSS规范-1
CSS规范
78 0
|
9月前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
前端开发 JavaScript 编译器
前端开发规范:命名规范、html规范、css规范、js规范(四)
前端开发规范:命名规范、html规范、css规范、js规范
237 0
|
前端开发 JavaScript
前端开发规范:命名规范、html规范、css规范、js规范(三)
前端开发规范:命名规范、html规范、css规范、js规范
145 0
|
数据采集 前端开发 JavaScript
前端开发规范:命名规范、html规范、css规范、js规范(二)
前端开发规范:命名规范、html规范、css规范、js规范
|
移动开发 前端开发 JavaScript
前端开发规范:命名规范、html规范、css规范、js规范(一)
前端开发规范:命名规范、html规范、css规范、js规范
314 0
|
前端开发 容器
CSS规范-2
CSS规范-2
52 0

热门文章

最新文章