今天完成的事情：

完成了任务9的90%，还有页脚为写完。

明天计划的事情：

完成任务9，进行任务10

遇到的问题：

Q1、如何进行多元素的组合选择？

A1、学会多元素的组合选择器 http://www.ruanyifeng.com/blog/2009/03/css_selectors.html

收获：

学会使用<label>标签、<input>标签的type="radio"

子类伪选择器

li:first-of-type   选择同类型li中的第一个li

li:nth-of-type(5)  选择同类型li中的第五个li

E F 和 E > F 的区别：

E F 指的是E后面所有的F

E > F 指的是E中所有的F 

如何去除select的默认样式（去除select框内的三角标志）：

select::-ms-expand { display: none; } 

appearance: none;

-moz-appearance:none;

-webkit-appearance:none;

-ms-appearance:none;

参考资料：

去除select框内的三角标志  http://www.cnblogs.com/vanstrict/p/4979934.html

如何改变表单元素的外观(for Webkit and IE 10) http://www.cnblogs.com/PeunZhang/p/3522603.html

background-position: 90% center;   第一个水平距离   第二个垂直距离

实现一个按钮的四种方法：

1、<input type="button" /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。

2、<input type="submit" /> 这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。

3、<button> 这个按钮放在 form 中也会点击自动提交，比前两个的优点是按钮<button>的内容不光可以有文字，

   还可以有图片等多媒体内容。（当然，前两个用图片背景也可以做到）。

   它的缺点是不同的浏览器得到的 value 值不同；可能还有其他的浏览器兼容问题。

4、其他标签，例如 a, img, span, div，然后用图片把它伪装成一个按钮。

参考资料：http://www.zhihu.com/question/20839977

border-radius样式内容缩写：

border-radius: 6px 0；设置左上角和右下角的圆度

border-radius: 0   6px；设置右上角和左下角的圆度 

border-radius: 6px 6px 0 0;设置上面两个角的圆度

border-radius: 6px 设置四个角的圆度

参考资料：http://www.w3school.com.cn/cssref/pr_border-radius.asp