发表于： 2019-06-03 23:33:10

今日完成的事

‍‍ 1.学习display-flex布局，弹性盒子模型可以提供最大的灵活性，任何一个容器都可以指定为Flex布局。Flex盒‍‍‍‍子最大胡好处我觉得就是只要是父元素设置胃Flex，子元素哪怕是块级元素也可以并列而不用独占一行了，而且不用设置浮动，定位等属性，这给布局增加了很大的灵活性。正常的盒子垂直居中非常的费劲但是弹性盒子设置个align-items：center就可以了，非常的方便。‍

2.学习了雪碧图，雪碧图也叫精灵图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时‍‍，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于提升网络速度有很大帮助。其原理就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”‍‍的组合进行背景定位，‍‍background-position‍‍可以用数字精确的定位出背景图片的位置。他能很好的减少网页的http请求，从而大大的提高页面的性能。‍‍‍‍

3.学习了‍‍bootstrap，我理解的bootstrap就‍‍是一堆封装好了的类选择器，用好的话能大大提高我们的开发效率，但是‍‍bootstrap样式常与自定义样式起冲突，昨天写任务六用bootstrap写了1小时，找bug找了5小时，最后还没写完，给我的感觉不是很好用。与其用它的样式我更喜欢自定义的样式。‍

4.完成了任务六

任务六的头部开始是用bootstrap来写的，但是不知道怎会回事出现了一个鼠标点击就会变深蓝色的bug，找这个bug找到12点还没找到，最后自己不用bootstrap重写了bug就没了。头部我是在header里插入了一个div盒子，在这个盒子里插入form表单，header元素设置固定宽高，div盒子设置固定定位，