任务进展：

       1：学习了html和css代码规范。

       2：不使用bootstrap重写任务5和6，使用less预编译，显示成功。

遇到问题：

       1：将自定义的样式规则编为style.less文件，在写less样式时用@import导入style.less，减少代码量。

       2：原任务5没有使用bootstrap，只需使用less重新书写样式即可。原任务6中间下拉框部分使用了bootstrap栅格，去除之后使用select写，设置select为inline-block，width为33.33333%，结果三个select不在同一行，发生换行，且之间有间隙，原因是html标签段带有空格，设置select white-space：nowrap去除自带的换行符，再设置父div font-size：0，解决。

       3：使用任务10中的方法可以修改select右小三角样式，小三角仍是居右对齐，不能使其向内偏移，因为小三角是以背景形式展现的，有一种方法是在切图时为小三角图标留出一些透明区域在右部，这样也可以达成偏移效果。

       4：思考问题：

                    11.1：less包含一套自定义的语法和编译器，在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。less允许自定义变量，可以在全局样式中使用，可实现值的复用。Maxin功能可实现规则复用，允许混入参数。less可以使用arguments传入多个参数。less的嵌套规则与html中的DOM结构对应，书写简洁方便。

                    11.2：sass是另一种css预处理器，也是使用类似程序式语言的方式书写 CSS，具有变量、混入、嵌套、继承等特性，最终目的都是方便 CSS 的书写及维护。

                    11.3：编译环境不同。变量符不一样，Less是@，而Scss是$，而且变量的作用域也不一样。Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded。Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持。Sass和Less的工具库不同，Sass有Compass，Less有bootstrap。

                    12.1：编码：（1）页面必须使用精简形式，明确指定字符编码。指定字符编码的 meta 必须是 head 的第一个直接子元素。（2）HTML 文件使用无 BOM 的 UTF-8 编码。class命名：（1）class 必须单词全字母小写，单词间以 - 分隔。（2）class 必须代表相应模块或部件的内容或功能，不得以样式信息进行命名。（3）id、class 命名，在避免冲突并描述清楚的前提下尽可能短。

明日计划：

       书写任务13

收获：

        学习了inline-block元素水平显示时空白符的处理方法，以及使用vertical-align时的对齐方式。