今天完成的事情：

1、完成了任务十部分区域的自适应，还差一点就做完了，把下图摆放好位置就完成了

2、学习了网易NEC的css命名规则

3、学习了sass的静默注释

明天计划的事情：

1、继续完成任务十

2、检查以前的代码，并对以前的代码进行规范化

3、看下教程是怎么抽组件的，自己也抽几个组件出来玩，自己慢慢写css代码太累了....

收获：

一、学习了css命名规范：

1、使用类选择器，放弃ID选择器

2、特殊字符：”-“连字符 ：在nec规范里，只代表前缀分隔符和扩展分隔符

3、分类的命名方法：使用单个字母+”-“为前缀

4、后代选择器不需要完整表现结构树层级，尽量能短则短

5、命名应简约而不失语义

6、使用16进制表示颜色，除非需要表示透明度而使用rgba

7、选择器顺序：

由大到小（选择器的范围）

由低到高（等级上的高低）

由先到后（结构上的先后）

由父元素再到子元素（以结构上的嵌套为准）

二、sass的静默注释：

静默注释：

格式  body//

sass提供了一种不同于css标准注释格式/* ... */的注释语法，即静默注释。

其内容不会出现在生成的css文件中。

body {

  color: #333; // 这种注释内容不会出现在生成的css文件中

  padding: 0; /* 这种注释内容会出现在生成的css文件中 */

}

css的标准注释格式/* ... */内的注释内容亦可在生成的css文件中抹去。当注释出现在原生css不允许的地方，

如在css属性或选择器中，sass将不知如何将其生成到对应css文件中的相应位置，于是这些注释被抹掉。

body {

  color /* 这块注释内容不会出现在生成的css中 */: #333;

  padding: 1; /* 这块注释内容也不会出现在生成的css中 */ 0;

}