今天完成的事情：

1.看任务后的深度思考，html的结构语义化和margin堆叠。

2.推进任务六，目前进度较慢。

3.下载css背景图合并工具做好雪碧图。

明天计划的事情：

1.了解bootstrap布局，并应用到任务中。

2.学习用css模拟下拉。

遇到的问题：

1.雪碧图在实际运用中还没有理解透彻。定位值为负我的理解是将雪碧图图标沿X轴或者Y轴负方向移动。

2.水平居中、垂直居中布局，flex用的比较多，其它布局也应该多了解，考虑兼容性问题。

收获：

1.Z-index属性可以指定一个元素的堆叠顺序，z-index的数字越高越靠前，并且值必须为整数和正数（正数的整数）。

2.任务中常用到flex-direction：column，意为垂直方向的布局，比如在一个大盒子里可以让两个小盒子沿垂直排列，配合居中指令可以做的更好。

3.PS给的UI图像素应用到CSS中会除以2，这个时候可以用插件，选择高清屏幕，这样它出来的图宽高会自动减半。

4.任务深度思考，html语义化。首先html是标签，css是属性，标签语义化指的是html。html中经常有大量无语义的标签如div，它不像img、h1~h6、p等一看就知道是什么，所以HTML 标签语义化是让大家直观的通过标签(markup)和属性(attribute)来知道其用途和作用。

平时也注意使用主体结构标签，纯样式标签如font尽量改用css设置。总之，代码更简洁，复用性更高。使用合适的标签，可以少些很多css或者js。

5.之前做任务还没有了解到css能写出不同的形状，比如能写出矩形、三角形、返回图标那种类三角，后面我会自己尝试使用css写一下。

用css生成图形也有好处，能减少http请求，不过太复杂的东西还是用图片比较好。