今天完成的事：1）任务12第二个页面。即不用bs还原任务6页面。离开框架发现自己写出来的布局很乱，垂直居中水平居中离开了flex就寸步难行，应该是基础功没有打好，一味的赶进度。

出来混，迟早还是要还的。之前没踩结实的路，现在走一步坑一步。

2）复习了细碎的知识点，比如fixed定位啊，不用flex设置水平居中垂直居中啊，padding的影响，媒体查询。

昨天疑惑的padding会挤背景图的原因如下：

padding:行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

明天要做的事：1）任务13.

遇到的问题：

1）顶部导航栏fixed之后，栏内的其他子元素定位出问题，好像突然失去了焦点。目前采用的方法是，直接把子元素跟窗口定位。

2）雪碧图，有个别地方莫名不显示。

给包含雪碧图的i标签设置宽高和display：inline-block之后显示。

3）媒体查询对字体大小影响不确定。。真的很迷。到现在改了很多数据，有时生效，有时不生效。

4）任务12用less写样式，但感觉没有发挥它的功能，只是提炼了共用类，这样不用less也可以做到。less的好处到底在哪里，还有待学习。

5）关于任务6页面，在窗口宽度较小时省略一些文字并用省略号表示。在谷歌浏览器上有效果，egde浏览器有，火狐浏览器没。

收获：如上。踩的坑都是收获。