发表于: 2019-03-03 23:00:24
1 780
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
代码规范
1、[建议] CSS 文件使用无 BOM 的 UTF-8 编码。 解释: UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。
2、[强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。 示例:
.selector{
margin:0;padding:0;
}
3、[强制] 选择器 与 { 之间必须包含空格。 示例:
.selector{ }
[强制] 属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。 示例:
margin: 0;
[强制] 列表型属性值 书写在单行时,, 后必须跟一个空格。 示例:
font-family: Arial, sans-serif;
4、[强制] 每行不得超过 120 个字符,除非单行不可分割。 解释: 常见不可分割的场景为URL超长。 [建议] 对于超长的样式,在样式值的 空格 处或 , 后换行,建议按逻辑分组。
5、[强制] 当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行。
6、[强制] 属性定义必须另起一行。
[强制] 属性定义后必须以分号结尾。
7、[强制] 如无必要,不得为 id、class 选择器添加类型选择器进行限定。 解释: 在性能和维护性上,都有一定的影响。
8、[建议] 在可以使用缩写的情况下,尽量使用属性缩写。
9、[建议] 同一 rule set 下的属性在书写时,应按功能进行分组,并以 Formatting Model(布局方式、位置) > Box Model(尺寸) > Typographic(文本相关) > Visual(视觉效果) 的顺序书写,以提高代码的可读性。
10、[建议] 同一 rule set 下的属性在书写时,应按功能进行分组,并以 Formatting Model(布局方式、位置) > Box Model(尺寸) > Typographic(文本相关) > Visual(视觉效果) 的顺序书写,以提高代码的可读性。 解释: Formatting Model 相关属性包括:position / top / right / bottom / left / float / display / overflow 等 Box Model 相关属性包括:border / margin / padding / width / height 等 Typographic 相关属性包括:font / line-height / text-align / word-wrap 等 Visual 相关属性包括:background / color / transition / list-style 等 另外,如果包含 content 属性,应放在最前面。
float 非 none
position 非 static
overflow 非 visible
注意,对已经触发 BFC 的元素不需要再进行 clearfix。
明天计划的事情:(一定要写非常细致的内容)
继续完成任务
遇到的问题:(遇到什么困难,怎么解决的)
暂无
收获:(通过今天的学习,学到了什么知识)
同今天完成的事情
评论