今天完成的事情：

按照任务九要求把任务八页面对比一遍：

我根本就没有手写媒体查询，所有模块的响应式都可以通过bootstrap的已有组件完成编辑，或者也可以说栅格系统是自带媒体查询的，任务九的要求只有在任务八是全部手写CSS布局的时候才有价值，不然就开倒车了。不过任务八就手写了岂不是又和后面的任务十五不用框架重复了，不太懂。

开始做任务十，首先审视页面，如何布局：

header和footer部分使用<li>标签，设定为行内块状元素（最近尤其钟爱<li>标签和设定inline-block，简直太好用了，比设一大堆div+class然后浮动方便太多了）

header下部分使用表单布局，先水平表单，再使用下拉选择框select制作下拉表单

footer上部分继续栅格三等分，要对中间关于<a>标签的部分做样式清除与重设

main主体先使用一个cotainter,里面三个选择设定三个div+class，再在class里面使用栅格系统，里面的单项选择按钮使用radio，输入框使用input，搞定

比较头疼的是进度条部分，一开始以为要做到我点哪一块儿进度条颜色显示到哪一块儿。于是去学bootstrap进度条，心想我擦任务十就开始接触js了，不过一想任务八就已经自动轮播图了，这个也正常。就开始慢慢啃，然后新名词好多啊，啃得好慢啊，吃饭的时候跟师兄感叹，然后师兄说：“不用啊，就做静态效果就行”“......？！！”

进度条准备把那个条做成实心的黄线，数字画个圆居中然后右浮动。

动手要做的时候发现并不能打出来，于是回头复习表单，囧。。。

突然发现能够手写出来的只有div+css的盒子，无序列表和栅格系统。导航条都写不出来（就写了一次还是照着模板抄的），表单也得回去看模板，不对，bs的各种组件都得看模板ORZ...

把header和footer写了，主体部分写了个框，还没设定细节。

明天要做的事：

写完任务十，调试代码，开始任务十一

遇到的问题：

代码不熟练啊不熟练啊不熟练啊不熟练啊不熟练啊~

收获：

要不要背一些常用代码呢？虽说用多了就熟了，但是好像学习阶段做任务也刷不了多少熟练度，每天半小时早读背代码好了，先背下来，用的时候最起码不挠头。