今天完成的事情：

任务10
明天计划的事情：

做任务11

遇到的问题：

暂无
收获：

任务10做一个定制箱子的页面，主体用栅格系统写的，还要求做响应式导航栏
用的CSS画的线和圆圈叠加在一起，hover使背景颜色和文字变色
选择界面，主要是单选框radio，然后修改器默认样式。
修改radio默认样式十分麻烦

总结任务10的收获

熟练运用bootstarp框架。

z-index解决叠加顺序问题，使效果不会产生意料之外的效果。

学习了radio和input样式修改的方法。

input设置步骤：

1.在input后面添加一个兄弟元素span，设置span样式

如：span {

                    display：inline-block；

                    width：30px；

                    height：30px；

                     background：#00f；

                     border：1px solid #000；

}

2.设置input本身display：none；

3.利用伪类选择器：input：checked+span{

                                border：10px solid  #0f0;

                                 backgroud: #534578;  

}

这里的+代表选择相邻的兄弟元素，若为不相邻的兄弟元素请使用 input：checked~span{}