今天完成的事情：今天天上午把任务10提交上去，然后开始看任务11，任务11的话需要用sass来写，又花了点时间把sass的开发文档看了一遍，下午的时候任务10有几处小的bug更改了一下

明天计划的事情：明天计划完成11.已经打开把sass的基本教程看了一遍，明天做完应该没有问题
遇到的问题： 

      1，这个问题input选择框的问题，默认的选择框因为颜色是灰色的这一点需要更改样式，这方面的话王师兄给力我个教程我看了下，主要是关于自己更改input[type="radio"]这个样式的，更改完的结果就和ui图上的一样是灰色的。首先的话先要生成一个伪元素，先让他显示出来，代码如下

input[type="radio"] + label::before {
  content: "\a0"; /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  width: 1em;
  height: 1em;
  margin-right: .4em;
  border-radius: 50%;
  border: 1px solid #01cd78;
  text-indent: .15em;
  line-height: 1;
}

，

，然后更改里面的状态，代码如下，

input[type="radio"]:checked + label::before {
  background-color: #01cd78;
  background-clip: content-box;
  padding: .2em;
}

，最后让系统自带的样式隐藏

input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

现在显示的是这个效果，

，最后附上我更改完后的代码，

input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #1d7ad9;
    text-indent: .15em;
    line-height: 1;
}
input[type="radio"]:checked + label::before {
    border: 6px solid #1d7ad9;

}
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

这个和ui图上的显示效果一样

     2，第二个就是选择按钮的问题，刚开始更改完的话发现所有的按钮只能点击一个，这个显染是错误的，后来经过询问使用发现input有一个name的属性，出现这个问题的原因就是我把所有的name的值都设定为一个，只要更改下name的值就行了

收获：了解了sass的基本的用法，如果熟悉使用的话应该可以大大加快开发的速度，任务11算是一个对其入门吧。这方面以后自己还得多看文档，多做笔记。还有就是引用bootstrap的时候最好能够使用本地的文件，在线的cdn今晚就出现了一次问题，刚开始的以为自己代码出现了问题，最后发现是cdn的问题，浪费了很多时间。所以能用本地的最好还是用本地的