Part1 HTML網(wǎng)頁(yè)開(kāi)發(fā) 模塊2-直播筆記
時(shí)間：2023-05-27 12:42:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-05-27 12:42:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
Part1 HTML網(wǎng)頁(yè)開(kāi)發(fā) 模塊2-直播筆記：
文章內(nèi)容輸出來(lái)源：拉勾教育大前端就業(yè)集訓(xùn)營(yíng)
模塊二：CSS 核心樣式、H5 + C3 新特性
四、直播筆記
（一）img與background-image的瀏覽器加載區(qū)別
1、htrml的標(biāo)簽
img
有語(yǔ)義，屬于html結(jié)構(gòu)內(nèi)容；
img標(biāo)簽請(qǐng)求旳圖片如果過(guò)大，必須
等待自己加載完畢,才會(huì)加載后面的結(jié)構(gòu)可以通過(guò)盒模型的屬性調(diào)整大小，也可以通過(guò)定位調(diào)整位置；
用途:用于
產(chǎn)品圖更多。
2、css樣式
背景圖沒(méi)有任何含義，就是
純粹用來(lái)修飾；
CSS與HTML加載異步，背景的加載不會(huì)影響html結(jié)構(gòu)中后續(xù)內(nèi)容的加載，不影響閱讀；
背景圖的大小展示由寬高決定，自身圖片縮放通過(guò) background-size. background-position用途:
修飾性的內(nèi)容，不會(huì)對(duì)結(jié)構(gòu)造成影響，只展示圖片某個(gè)區(qū)域，多張圖片合并成
精靈圖等。
（二）盒模型
（三）BFC塊級(jí)格式上下文
（四）重構(gòu)、重繪和回流
瀏覽器的工作原理
在線咨詢