今天完成的事：完成task9 

明天计划的事：task10

遇到的问题：

border-radius 

这是设置一个盒子，设置上边框，最后再画一个圆通过margin移动到上边框的中间

遇到的问题是：  当设置border-radius后由于是上边框所以出现的是一个“半角”

 而不是

暂未解决，明天去查一查

收货：

1用css样式去修改单选框和复选框还有下拉列表的样式

  看了很长时间，最后感觉和自己画画差不多，先用css画出点击前和点击后的样式，然后对原有的按钮进行隐藏

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #e8e8e8;

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("img/pull.jpg") no-repeat scroll right center transparent;


    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

input[type="radio"] {
    -webkit-appearance: none;
    background: #fff url("img/kongbai.png") no-repeat;
    height: 20px;
    vertical-align: middle;
    width: 20px;
    border: none;
    margin-top: -3px;
}

input[type="radio"]:checked {
    background: #fff url("img/2.jpg") no-repeat;
    border: none;
    outline: none;
}

这是今天看的几个页面，好几个都用js来画感觉好看多了（看的好累）（js看起来）

http://www.haorooms.com/post/css_mh_ck_radio

https://segmentfault.com/q/1010000002547288 

http://www.w3cplus.com/jquery/custom-form-better-check-boxes-jquery-css 

看了之后觉得下面这个方法也很好

.hidden-input {

    opacity: 0;

    position: absolute;

    z-index: -1;

}

input[type=checkbox]+span {

    /* your style goes here */

    display: inline-block;

    height: 1em;

    width: 1em;

    border-radius: 4px;

    background-color: gray;        

}

/* active style goes here */

input[type=checkbox]:checked+span {

    background-color: red;

}

2vertical-align:middle 垂直居中一般都是使用在文字上（使用条件比较苛刻）

（我之前都是用padding撑开来达到居中）

http://www.zhangxinxu.com/wordpress/2010/05/%E6%88%91%E5%AF%B9css-vertical-align%E7%9A%

84%E4%B8%80%E4%BA%9B%E7%90%86%E8%A7%A3%E4%B8%8E%E8%AE%A4%E8%AF%86%EF%BC%88%E4%B8%80%EF%BC%89/

我的task9： http://119.10.57.69/ptt008/task9lu/task9.html

发现自己去阅读别人写的技术帖子效率好低    ，一篇帖子好长好长，看了好久才发现自己只读懂了个标题。。然后再看一遍。。。。。。。。。。。。。。。（有什么好的方法吗？）

来了之后感觉自己存在感好滴。看来我的附加任务是认清师兄们都是谁了