對于網(wǎng)頁開發(fā)中的CSS樣式來講，有時我們希望在某些情況下將它們放在最下方。這是因?yàn)樵贖TML文件中，瀏覽器會優(yōu)先加載HTML文件中的所有內(nèi)容，然后再加載CSS樣式表，這樣會導(dǎo)致頁面的加載速度較慢。
所以，在CSS樣式放在最下方可以提高網(wǎng)頁的加載速度，同時也方便了開發(fā)者快速修改樣式并且看到效果。
<html> <head> <title>CSS樣式放在最下方的實(shí)現(xiàn)</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="style.css" /> </head> <body> <p>這里是頁面內(nèi)容</p> <!-- 放置js代碼 --> <script src="jquery.js"></script> </body> <!-- 放置css代碼 --> <link rel="stylesheet" href="style.css" /> </html>
如上代碼所示，我們可以將CSS樣式表的<link>標(biāo)簽放到HTML文件的最后，這樣在瀏覽器加載HTML文件時，CSS樣式表已加載完成，頁面元素的渲染速度也有所提升。
上一篇css樣式加moz
下一篇dw style css