今天完成的事情：

继续使用sass重构务5，学习代码规范。以下是总结的一部分。

html规范：

1，除了！DOCTYPE，其它所有字母推荐小写。

2，不推荐在<link>中加入多余的type属性。

3，a和img都加入title属性，img还需要alt属性。

4，不要写内联样式。

5，避免多余嵌套。

6，class单词分隔符用“-”，id分隔符用“_”，两者都使用英文命名。

7，不要在html中写css和js，css要link在head中，js要link在body底部，这会保证页面加载时快速且美观。

css代码规范：

1，使用4个空格作为缩进，但bootstrap建议使用2个空格作为缩进，此条并不统一。

2，选择器嵌套层级不宜多于三级。

3，如非必要，class选择器不应再限定。

4，有多个选择器公用一个样式时，每个选择器独占一行。

5，>、+、~ 选择器的两边各保留一个空格，：右边保留一个空格。

6，属性和颜色尽量使用缩写，省略小数点前的0，属性不能重写，也不能在缩写时覆盖其它属性。

7，每个规则集之间保留一个空行。

8，url() 函数中的路径不加引号（webstorm默认加引号）。

9，样式书写顺序：

a.位置属性(position, top, right, z-index, display, float等)

b.大小(width, height, padding, margin)

c.文字系列(font, line-height, letter-spacing, color- text-align等)

d.背景(background, border等)

e.其他(animation, transition等)

明天计划的事情：

迎接老大，完成task12，学习css架构。

遇到的问题：

之前按照psd图切出来的图总感觉太大了，今天才发现是因为我放大过电脑的屏幕分辨率，由于我的1920*1080p的分辨率在14inch电脑上，图像会显示的很小，因此出厂时就被放大了1.5倍，这样电脑上的图像就会看起来正常，所以按照psd图的px做出来的字体和图片就会显得很大。

收获：

学习了代码规范，代码规范能使代码整洁，减少bug的发生，作为合格的程序员一定要遵循。