1、学习伪类：after和:before的用法：

https://www.cnblogs.com/starof/p/4459991.html

2、::before和：before的相关知识：两者的比较

•  相同点

1. 1. 都可以用来表示伪类对象，用来设置对象前的内容。
   2. :befor和::before写法是等效的。

•  不同点

1. 1. :befor是Css2的写法，::before是Css3的写法。
   2. :before的兼容性要比::before好 ，不过在H5开发中建议使用::before比较好

加分项

1. 伪类对象要配合content属性一起使用
   
2. 伪类对象不会出现在DOM中，所以不能通过js来操作，仅仅是在 CSS 渲染层加入
3. 伪类对象的特效通常要使用:hover伪类样式来激活

3、做demo的时候有个小发现：

为<input>设置id属性的时候，在<lable>标签中设置for=“id”，说明文本和对应的<input>相互关联；这样点击文本，input也会被选择（checked状态）；此外，在不同项的选择中记得设置name，一个name的选项可以有很多个，但是被checked的选项只能有一个。

4、在制作小课堂的过程中，还是学到挺多东西的，明天再理一理知识点，毕竟是任务10的，还没做过的，就当深度学习了。

开始时间：2018.05.22

结束时间：2018.05.25

有无延期风险： 无。

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