今天完成的事情：

完成任务12

开始做任务13

明天计划的事情：

把任务13写到第三个页面

把小课堂讲完，以及小课堂后续工作做完。

遇到的问题：

鼠标点击后的下拉菜单中途遇到麻烦

想选中div然后对他的兄弟元素添加伪类，这里卡住了。

不知道怎么写，可以通过先给div添加伪类，比如:focus。然后在选中他的兄弟元素。比如下面的写法

.fir-btn:focus ~ .fir-ul{
    display: inline-block;
}

收获：

混合器

混合器传参

CSS原子类

变量是储存信息的容器

变量声明符号 $

一小句样式复用使用变量

一大段样式复用使用混合器 

CSS原子类

优点：

1.便于复用

2.可以构成自己的框架体系

3.优秀的编程思想

缺点

1.无用代码多

2.维护麻烦

父级里的子级浮动了，导致父级高度塌缩。可以给父级一个 overflow: auto;（让高度自适应）

很多的小样式写法都快忘记了，再次写出来加深一下记忆：

1.按钮去样式：

 border: none;

 ouline: none;

2.边框颜色渐变

border-image: linear-gradient(white,#999999,white)2;

3.使空间不足时导致文字隐藏时出现小点（对P元素用）

overflow:hidden;

text-overflow: ellipsis;

white-space:nowrap;  

是否还可以更好

今天的"番茄钟"执行的还不够好，慢慢完善。

明天最少保证16个"番茄钟"的学习时间。

进度：task12

任务开始时间：2018.6.11

预计结束时间：2018.6.13

是否有延期风险：无

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