今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

修改任务10的问题，看了Less的知识
明天计划的事情：（一定要写非常细致的内容） 

继续看Less，再看一下书吧
遇到的问题：（遇到什么困难，怎么解决的） 

1.步骤条的hover问题

解决，原本是

但是想了下还是麻烦就麻烦了

<div class="pro">
    <div class="progress-wrap">
        <div class="progress-line">
            <div class="circle">1</div>
        </div>
        <div class="progress-word">1.定制纸箱</div>
    </div>
</div>
<div class="pro">
    <div class="progress-wrap">
        <div class="progress-line">
            <div class="circle">2</div>
        </div>
        <div class="progress-word">2.选择数量</div>
    </div>
</div>

2.input修改样式的方法，这个百度出来的一些方法觉得好麻烦，而且效果又很辣鸡，然后又去stackoverflow找，也没看到什么，

最后还是在MDN看到比较好的方法并且用出来了

（这里巨坑的是在，css里面input :checked{}写没效果出来，后面才知道input:checked{}中间input后不能有空格！！！）

这样就可以解决了！！！

input[type='radio']{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border-radius: 50%;
    width: 1rem;
    height: 1rem;

    border: 1px solid #999;
    transition: 0.2s all linear;
    outline: none;
    margin-right: 3px;

    position: relative;
    top: 2px;
}
input:checked{
    background-color: #1d7ad9;
}

收获：（通过今天的学习，学到了什么知识）

身心疲惫，除了头有点冷，也没什么了，哦，还看了一些前端实战项目，又get到一点东西