今天完成的事：

1、用sass写了任务10；原css文件97行，写的scss文件，130行...

明天的计划：

1、问下师兄意见，修改一下任务10，或者直接任务11；

2、开始任务11；

遇到的困难：

1、用webstorm配置自动编译scss文件的时候找不到路径。

导致一直不生效，不能自动创建读取编译内部新建的scss文件。

解决办法：具体的解决办法还没有找到，搜了很多网上的，知乎的，都没有正面解决这种请况的办法。但是可以现在外面的文件夹新建一个scss的文件，再用webstorm打开，这时候ide会提示你需不需要编译，同步生产css，选择yes，可以达到自动编译的效果。

收获：

1、对sass中的scss写法有了更深的认识，虽然现在写的感觉又臭又长，但是至少编译出来的css文件，在原网页打开后和原来的视觉效果大体一致。不知道自己的思路，错没错。sass的思想大体就是把相同的部分抽取出来，调用的时候在引进去，实现模块化，代码复用。

2、我自己总结了一下把css转变成scss的写法，或者说流程更为准确：

首先，打开你的css，对，不是scss，是css！然后，对你的css代码重新规范一下：该提取公因式的提取，该修改的修改，该加注释的注释，为了待会好找！！！（如果平时代码太不规范，此时工作量很大，报应）

第二步，新建一个scss，同时打开html开始写。看着你的html格式，照着书写的嵌套布局。

先把整理的css划分，复杂的公共部分，涉及参数的可以用传参的混合宏，不涉及的参数变化的，可以用不传参的混合宏或者用占位符的方式；如果是继承的话，是用在CSS文件里面，有父类（单独的样式存在），且子类需要继承某些父类样式，可以写成继承，

或者，用嵌套的方法通过&（代表父类属性）去继承，伪类的情况基本都是用&写；

然后，可以把较多的出现次数相同的值，写成变量，方便后续得调用。

记得加注释！！！加注释！！！加注释！！！便于检查。

第三步，打开你的scss编译成的css，引入到html文件，看看样式是否和原来的一样。如果崩了，检查，改呗。

第四步，其实应该再进一步优化你写的的scss代码，但是目前.....咳咳。优化的事情等熟练再说吧。

开始时间：2018.05.29晚

结束时间：2018.05.31

有无延期风险： 无。

禅道：http://task.jnshu.com/zentao/my-task.html