今天完成的事情：

写完了task9，了解了radio与select下拉按钮样式的更改，看了task10任务，发现之前做的7有很大问题，现在只是初步修改了7的一个页面，取消了7中页面的定宽，全部改用%，初步看了看响应式自适应还没看明白。

明天计划的事情：

多看些资料，尽量多修改内容。

遇到的问题：

后边看响应式遇到的问题就不提了，只是刚开始看。对于那个task7我改了百分比不知道能不能叫做自适应。还有做task9时遇到的问题在下边的收获提到。

收获：

了解了下box-sizing：border-box。

一开始我想改样式的时候在想是不是要通过js的东西来做，后来多亏奎师兄指点了下说可以用check修改那个样式，然后我就找资料做了出来。

在做表单样式的时候，我先改的是radio的样式，其中有些代码一开始不明白，后来调试的时候慢慢试：

input[type=radio]+span 是点击之前展现出来的样式。

input[type=redio]checked+span 是点击之后展现出来的效果，所以下边写想让他成为的样式就行。

但是我一开始不明白为什么要在html里写一个空的span，它里边什么都没有

后来我去掉hidden-input之后看到效果：     

input指向的是前边的那个自带的小圆点，hidden-input 是隐藏自带的那个小圆点它内容就是让那个圆点透明，

还有隐藏在-1层的位置。

我调试的时候点击那个html中空span标签，<span>指向的是自己写的那个圆点。上边的input[type=radio]+span

指向的应该就是heml里的span，所以在input[type=redio]checked+span下边写想让他成为的样式就行。

虽然上边那个弄清楚了，然后用的时候又遇到了问题，就是那个radio不能单选，而且选上就掉不下来了，后来

解决了，原因是我一开始在 <input type="radio" name="ee" class="hidden-input">中没有写name，后来我随

便写了个name就可以了。然后我就想name就这么重要吗。下边讲。

接下来又遇到问题 ：选择箱型与确定尺寸中的单选按钮是属于一个选择，就是上边点了下边就不能点了。 

后来我发现原来是name的问题，同一个name才是同一个单选。name是用来区分这个的。

然后修改了select下拉，原理跟上边那个radio类似，都是隐藏自带的那个下拉，然后自己贴图或者写样式

http://ourjs.com/detail/551b9b0529c8d81960000007

GITHUB:https://github.com/cmcesummer/task.git