今日完成：

完成任务十三（用less且不用bootstrap重写任务七），并学习了任务关联的学习资料（代码规范，代码书写顺序，重置样式表等）。

明日计划：

开启任务十四

遇到的问题：

今日都在重写任务七，整体上没有遇到太大‍‍的问题，只是在写鼠标事件那里花了比较多时间。

原因是任务七的鼠标事件我是在网上找的js代码修改而成的，这次是纯用hover做，有些知识点不熟悉，所以比较慢。

用hover时遇到了1.鼠标事件无反应2.弹出的元素会将盒子高度撑开两个问题。‍‍

第1个问题是因为没有将hover设置在父元素上造成，修改后解决；第2个问题运用绝对定位解决。

收获：

1.今天看了学习资料感觉收获比较大，首先是css的重置样式，很实用。重置样式是为了清除不同浏览器的自带样式，就我目前所接触的来讲，清除包括浏览器的按钮样式、hover样式、超衔接样式、input样式等到，都很实用，避免临时一个个去清除样式；

2.学习重置样式时，看‍‍到了用.clearfix 来清除浮动的方法，上午认真了解了下，算是对各种清除浮动的方法（大概有：定义父元素高度、clearboth、overflow：auto/hidden、将父元素定义为table等方法）有了了解。可以根据自己的代码结构以及父元素的属性来选择如何清除浮动。

‍‍3.学习了拆分页面架构，将页面分为重置部分、基础样式（我理解为公共样式）、模块等部分。针对任务十三，我主要是把header，页面一的版本选择按钮、页面二的投票按钮、有文字的方框定义垂直居中等，作为模块或者公共样式进行使用。‍‍‍‍