发表于： 2017-05-28 21:54:14
0 915
一、今天完成的事情：
1，从头查看CSS 1 - 7 任务所学知识点，以及任务中的扩展思考。。。
二、明天计划的事情：
1，，完成CSS任务 7 - 15的知识点复习，以及任务中的扩展思考。。。
三、遇到的问题：
暂无问题
四、收获：
1，对BFC的理解：
BFC，块级格式化上下文，一个创建了新的BFC的盒子是独立布局的，盒子里面的子元素的样式不会影响到外面的元素。在同一个BFC中的两个毗邻的块级盒在垂直方向（和布局方向有关系）的margin会发生折叠。 （W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行布局，以及与其他元素的关系和相互作用。）
2，对雪碧图的理解：
Sprites雪碧图CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。这样可以减少很多图片请求的开销，因为请求耗时比较长；请求虽然可以并发，但是也有限制，一般浏览器都是6个。对于未来而言，就不需要这样做了，因为有了`http2`。
返回列表
评论