今天就才做了9的头，和一个选择项出来了。。一大早不知道是不是脑子进屎了一样。看到任务写着需要用到相关js  bom什么的知识，搞得我一点头绪都没有。。。其实这么简单的css代码就可以了。

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

这么简单一段代码，加上checked就是刚开始默认的选项。

改变选项的样式

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

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

用这个就可以了，就相当于用新的背景图覆盖之前的选项样式。晚饭后，十几分钟就想通了。。不知道为什么从早上到下午一整天在想什么。。。

明天计划把任务9全部写完。在巩固下前面的知识。

问题：要建4个样式一模一样的盒子，除了宽度不同，怎样写法比较简。。

    然后我就发现一个很好用的东西，盒子设置display inline-block，然后用padding  左右撑开宽度就可以了。

学会了改变单选按钮的样式，下拉菜单好像是同理，明天试试看。感觉没有什么进步。好像遇到瓶颈了。。准备巩固下前面学到的，还是该循序渐进点...心急就乱了，完全找不到方向。。