1.完成任务9 https://github.com/aliendaisy/TASK-9；看了一部分js知识

2.接下去先学习bootstrap和响应式布局，现在是完全不懂。。

3.收获：

a 学会了几种做分隔线的方法，可以用border-left和border-right设置，其中border的宽度作为分隔线的长度，然后用line-height作为分隔线粗细；也可以使用border-top结合相对定位，把文本定位到文本的父元素的border-top上，给文本设置背景色，完成分隔线布置，等等。

b 在写input时，发现给不管是单选按钮还是text设置padding并不能调整按钮或文本框的位置，而margin却可以。查过之后才发现这些的box-sizing默认值为border-box，因此设置margin就可以调整了。

c 重新学习了遍box-shadow，有个值时inset，可以把阴影内置，还可以在一个box-shadow下设置多个值，用这种发法作出了内外2个圆的效果。

d 改变radio的样式时，花了很多时间，原因是没有理解相邻兄弟选择器的意义，后来重新撸了一遍，做出来了。

e 双冒号和单冒号的区别，网上查了知道单冒号专用于伪类，双冒号用于伪元素，而对于css2之前已有的伪元素，单冒号和冒号是一样的。

4：问题：

a 想用js实现点击一处改变颜色，点击另一处该处的颜色变回去，另一处的颜色改变的效果，发现学习的js只是太少，写不出来。

b 发现规范书写真的很重要，写task9中由于input[type=radio]中少写了一个name的值，导致在页面中点击按钮时，不是单选的，纠结了很久，后来找到原因了才恍然大悟。。需要花时间去好好看下。