Part1 HTML网页开发 模块2-直播笔记
时间：2023-05-27 12:42:01 | 来源：网站运营
时间：2023-05-27 12:42:01 来源：网站运营
Part1 HTML网页开发 模块2-直播笔记：
文章内容输出来源：拉勾教育大前端就业集训营
模块二：CSS 核心样式、H5 + C3 新特性
四、直播笔记
（一）img与background-image的浏览器加载区别
1、htrml的标签
img
有语义，属于html结构内容；
img标签请求旳图片如果过大，必须
等待自己加载完毕,才会加载后面的结构可以通过盒模型的属性调整大小，也可以通过定位调整位置；
用途:用于
产品图更多。
2、css样式
背景图没有任何含义，就是
纯粹用来修饰；
CSS与HTML加载异步，背景的加载不会影响html结构中后续内容的加载，不影响阅读；
背景图的大小展示由宽高决定，自身图片缩放通过 background-size. background-position用途:
修饰性的内容，不会对结构造成影响，只展示图片某个区域，多张图片合并成
精灵图等。
（二）盒模型
（三）BFC块级格式上下文
（四）重构、重绘和回流
浏览器的工作原理
在线咨询
