3 回答

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
與使用CSS文件的性能提升(通過其他因素)相比,您的朋友提到的性能提升可能微不足道。
瀏覽器使用style屬性,僅繪制該特定元素的規(guī)則,在這種情況下為<div>
元素。這樣可以減少CSS引擎查找哪些元素與CSS選擇器匹配的查找時(shí)間(例如a.hover
或#someContainer li
)。
但是,將樣式置于元素級(jí)別將意味著您無法單獨(dú)緩存CSS樣式規(guī)則。通常,將樣式放在CSS文件中將允許進(jìn)行緩存,從而減少每次加載頁面時(shí)服務(wù)器的負(fù)載量。
將樣式規(guī)則放在元素級(jí)別還會(huì)使您無法跟蹤以什么方式對(duì)哪些元素進(jìn)行樣式設(shè)置。這也可能會(huì)抵消繪畫特定元素的性能提升,您可以在其中一起重新繪畫多個(gè)元素。使用CSS文件可將CSS與HTML分開,從而使您可以確保樣式正確,以后更容易修改。
因此,如果您看一下比較,您會(huì)發(fā)現(xiàn)使用CSS文件比在元素級(jí)別進(jìn)行樣式設(shè)計(jì)具有更多好處。
不要忘記擁有外部CSS樣式表文件時(shí),瀏覽器可以緩存該文件,從而提高了應(yīng)用程序的效率!
添加回答
舉報(bào)