一、今天完成的任务：

1，了解了下gulp如何编辑less。虽然到最后还是没用搞懂，但是也是有点收获的。至少知道怎么进行配置gulp，以及如何安装插件。还有怎么使用gulp编译less。不过还是了解不多。因为英语知识的匮乏，也只了解到怎么编译less....

2，了解了什么是构架，以及重新复习了下书写规范，在了解书写规范的时候看到有书写顺序....顺便又多了解了一下。

3，学习BEM命名。

二、遇到的问题：

1，浅浅的了解了下BEM的命名，从来没有见过如此诡异的命名方式，而且命名一类接一类的写下去，到最后会特别的长，给书写带来了很大的不便，不知道是用好还是不用好。

说不用吧，在学习了less的嵌套之后，一个嵌套一个，也并不需要太长的名字。所以也不知道到底用还是不用了？

2，在学习分解样式表的时候，有看到“原子类”一些知识点，虽然看起来挺方便的，但是如原子类那样的话，感觉跟直接写style没太大的区别啊，而且还没有直接写style的可读性高，更不便于以后的维护，看了知乎上有人说工作中用着挺爽的。  暂时还没有体会到分解样式表的原子类有什么好处......

参考：https://www.zhihu.com/question/22110291?rf=35655663

三、收获：

1，CSS书写顺序：

1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)

2，CSS样式表文件命名：

主要的：master.css

模块：module.css

基本共用：base.css

布局、版面： layout.css

主题 ：themes.css

专栏：columns.css

文字：font-size

表单：forms.css

补丁：mend.css

打印：print.css

3,还有一些常用的CSS命名规则，页面结构命名、导航命名、以及一些功能命名等等....大大解决了我等英语匮乏的问题。

需要注意：

 1）一律小写

2）尽量使用英文

3）不加中杠和下划线

4）为了他人着想，尽量不缩写，除非一看就明白的单词。

四、明天的任务：

1，编写任务14 、15

2，学习js基础知识。