今天完成的事情：1、完成7-1页面，7-2差一个hover显示效果。

2、学习html5 radio属性。

明天计划的事情：完成7-2,7-3页面

遇到的困难：

1.任务7-1的页面不能同时让三角形在中间的button中心，且小三角形的位置不会改动。因为这次页面没有填满整个页面，为了保持页面的舒适性，我对三角形使用了绝对定位，对中间button使用相对定位来使三角形在中的button的中心。

2.在任务7-2的时候，使用span将img包裹住，并将span标签inline-block化。结果span的高度总是会高于img的高度。后来杰仁学长建议对body设置font-size:0;line-height:1,就能解决该问题。后来我查询了一下，原来span标签在chrome浏览器中存在默认行高所造成的这样的情况。所以一般情况下设计自适应网页时最好对body设计行高。

3.本来已经完成了任务7-2的，后来发现没有看到hover显示效果，hover的四个小图标都没有写，html，CSS格式得大幅度修改，难度增加了不少。。。

收获：1.学会利用对body设置font-size:0;line-height:1可兼容于不同浏览器。

2.‍‍单选按钮‍‍顾名思义用于单选的场合,例如,性别,职业的选择等,语法如下:
<input type="radio" name="gender" value="男" checked />
常用属性迅美科技整理如下:
1.type="radio"
  type属性设置为radio,表示产生单一选择的按钮,让用户单击选择;
2.name="gender"
  radio组件的名称,name属性值相同的radio组件会视为同一组radio组件,而同一组内只能有一个radio组件被选择;
3.value="男"
  radio组件的值,当表单被提交时,已选择的radio组件的value值,就会被发送进行下一步处理, radio组件的value属性设置的值 无法从外观上看出,所以必须在radio组件旁边添加文字,此处的文字只是让用户了解此组件的意思.
4.checked
  设置radio组件为已选择,同一组radio组件的name值必须要相同.‍‍‍‍