今天完成的事情：

1，继续修改任务十的单选按钮样式，：：before伪元素引入的元素背景色改为蓝色，中间加入一张白色的圆形背景图，这样在选中的时候，就显示了想要的效果

2，下午看了less相关的知识，先电脑上下了一个node.js，将其安装在D:\Develop\node.js，再配置环境，最后通过npm install less -g下载lessc包，用

命令将其转为css文件

3，再head里添加less，

后天要做的事情：加快速度，写任务

遇到的问题：暂无

任务名称：CSS：TASK10

成果链接：代码https://github.com/travelerone/learngit/blob/master/task10.html
                  展示 https://travelerone.github.io/learngit/task10.html

任务耗时：2019/05/7-2019/05/11 共5天 延期2天

技能脑图：官方脑图


我的脑图：



总结：1任务延期两天，主要还是流程图和表单元素样式的修改花费了很多的时间

2，和官方脑图相比，少了一个复选框，但和单选框类似

3，任务中花费较多时间一个是：hover：focus：active伪类的运用，先写一个正常显示的样式，再写一个悬停点击的样式

修改radio原生样式是先将原生样式隐藏，再在label上添加：：before伪元素让其成为显示出来的单选按钮，通过：checked类将其样式改变

在做响应式的时候，我刚开始是做完一个部分再调试它再不同屏幕下的表现，这样就写了大量的@media语句，其实不必这样，以后做的话，先将桌面版的网页写好，最后再写断点和更改在不同分辨率下的样式。