今天完成的事情：

1.推进任务十。不使用bootstrap。

明天计划的事情：

1.完善细节。用css写出流程图。

遇到的问题：

1.突然不用bootstrap就很不习惯了，下拉菜单、按钮、表单属性都要用css写出来，比较麻烦了。比如单选框，之前直接用bootstrap样式，最多改改文字大小。现在需要把整个圆点样式写出来改掉。

单选框默认颜色是这样。

需要改成蓝色

所以需要先把原input隐藏。写出新input，此处需要引入：before，它的作用是在<p>元素前插入内容。

下面代码两个意思，默认状态下

input[type="radio"] + label::before

写出原小圆点大小。以及点击状态下出现的蓝色背景。

input[type="radio"]:checked + label::before

目前并不太会用这个代码，只能配合F12一一调整。

input[type="radio"] {
    display: none;
}

input[type="radio"] + label::before {
    display: inline-block;
    content: "";
    border: 1px solid #adb5bd;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 1.8rem;
}
input[type="radio"]:checked + label::before {
    border: 5px solid #1D7AD9;
    background-color: #fff;

}

2.下拉按钮我一直在想用什么比较好。之前用了bootstrap写出来，然后不满意删掉了。

要求是这种。第一反应是分段式的下拉按钮，不过用了又删了。把蓝色箭头看成一个图片也能做。明天修改好吧。。

收获：

1.表单的写法，

<label class="word-size" for="f-box-4">
    <span class="word-size-1">长</span>
    <input class="word-size-box" type="text" id="f-box-4">
    <span class="word-size-1">mm</span>
</label>

中间的input部分就是输入框，可以通过css改变它的width。我是在它两边分别用了span写的文字。

2.导航栏需要手写。目前还差一些进度。

3.最近感觉完成东西比较慢，效率比较低，要不要喝点快乐水刺激一下