今天完成的事情：今天修改了任务8，9的一些细节问题，开始做任务10。

师兄检查任务9的时候发现有横向滚动条，检查后发现是因为使用bootstrap中的row,row左右各有 －15px 的 margin,才导致内容大于屏幕，删除即可解决。

任务10的进度：

明天计划的事情：明天继续做完任务10 
遇到的问题： 对于任务10在不同手机尺寸下布局是否改成响应式？

媒体查询是针对于分辨率还是手机尺寸？

收获：

input的属性

checked

checked属性规定在页面加载时应该被预先选定的input元素，也可以在页面加载后，通过javascript进行设置

[注意]checked属性只能与type="radio"或type="checkbox"的input元素配合使用

<input type="radio" name="radio" value="1" checked>

<input type="radio" name="radio" value="2">

<input type="checkbox" name="checkbox" value="1">

<input type="checkbox" name="checkbox" value="2">

Css改变radio样式：

<input id="radio"  type="radio" name="age" /><label for="radio"><span><span></span></span></label>

几个关键点：

（1）设置input的opacity为0。

（2）在input后面添加一个label，for属性绑定input的id。

（3）在label中加入两个<span>标签，内部标签负责checked样式，外部负责未选中样式边框。然后在css中修改想要的样式就可以了。