今天完成的事情：将任务13的投票页代码编写完成，难点在于如何不使用框架实现主体部分的自适应问题。在这个方面大概用了两个小时左右的时间，先是查看任务7中bootstrap框架中的结构组成以及样式。理解之后开始自己进行结构的组建和样式的编写。在主体部分的四个用雪碧图制作的按钮时遇到了问题，耽误了差不多一个下午，才最终在吃饭前搞定。晚上将任务13每页的效果与psd进行了对比，并调整了一些细节问题。写日志前，又查看了一下任务要求，发现有几个地方不太明白，不知道自己做的对不对。详情在问题汇总中。

明天计划的事情：开始任务14的学习，清楚组件的概念，了解布局样式和模块样式的概念，并实践一下！

遇到的问题：

 首先是主体部分的四个用雪碧图制作的按钮，这个原以为会很快做成，但是不成想会出问题。结构代码和任务7的没有差别，样式的代码也相差无几，但是在最终的效果上，却很不一样。按模版要求，四个按钮应该是在下方排成一行，中间有少许间距的，但是我的却是四个按钮间距特别大，并且在父元素下方有一定距离。期间将父元素设置固定高度，不起作用。使用相对定位和绝对定位的方法进行了处理，但无法很好的进行自适应的要求。后来又对四个按钮进行浮动的处理，虽然间距去掉了，但在父元素中设置text-align：center失效了，企图用padding值来挤压按钮，使他们有居中的效果也没没能起作用。与师兄弟们讨论了一番这个问题，都没有找出问题的所在，后来就是给按钮设置display：inline-block，发现问题还在，设置成block则在最左侧排成了一列，但这一列是在父元素中的。单独将其代码复制出来单独演示发现问题还是有的。那会儿快18点了，都准备吃饭了，就先从网上找找有没有相关的问题的解决方法。查到一篇关于display：inline-block的文章，感觉似乎有点关系，有因为林涛讲过清除display：inline-block的影响的小课堂，就想起对父元素设置font-size:0的方法，试探性的设置了一下，问题解决了，四个按钮回到的父元素里，并且父元素也是按钮的高度。后来总结，应该是display：inline-block和媒体查询中html的font-size:625%共同影响的结果，是按钮的间距扩大的10倍，这次算是亲身体会了一把display：inline-block加font-size的双重影响。因为在开发工具中只看代码是看不出这个问题根源的，所以浪费了很长时间。

 其次是主体的自适应问题，开始想简化div的嵌套，不学框架中的写法，只是在大div中直接套了12个div，用百分比设置宽度和左右的margin值，但是发现浮动的盒子无法均分整行的现象，没有想出更好的办法，就还是仿照框架的写法，大div中套三个宽度33.33%的盒子，每个盒子在加内容部分，得到了解决，然后就是在一些分辨率下宽度拉长了，感觉效果不好。所以又在小分辨率下，细化了媒体查询的区间值，尽可能地缩小变化的突兀感。

 再者就是对于任务要求不是很理解，第4条的基础css重置的具体指的是什么不清楚，第5条的全局依赖样式也没什么直观的感觉，还有下边6、7的布局样式和模块样式，我在代码编写时也没用到模块，不知道如何下手。任务13的组成，我是这样处理的，头部都是三列布局，是个公用部分css，主体和底部的按钮还有背景，由于每个网页都不同，所以分别是三个css，html文件也是三个。不知道算不算是按要求进行编写的？

收获：深刻理解的display：inline-block的影响和font-size:625%在特定情况下的问题。了解了框架中col-*-*的栅格系统的结构！附上任务13的成果，按菜单键跳转到下一个页面！