最近在開(kāi)發(fā)一個(gè)網(wǎng)站，突然發(fā)現(xiàn)頁(yè)面加載時(shí)樣式會(huì)出現(xiàn)閃爍現(xiàn)象，這讓我很不滿意。經(jīng)過(guò)查找資料，發(fā)現(xiàn)可以使用“替換樣式”來(lái)解決這個(gè)問(wèn)題。
什么是替換樣式？其實(shí)就是把CSS樣式的加載放到HTML文件之前進(jìn)行，這樣就可以避免閃爍現(xiàn)象的發(fā)生。
實(shí)現(xiàn)替換樣式的方法如下：
替換樣式 歡迎來(lái)到替換樣式的世界！
這是段落的內(nèi)容。
這里的關(guān)鍵是在head標(biāo)簽里面添加一個(gè)空的style標(biāo)簽，用來(lái)放置要替換的樣式。然后使用JavaScript來(lái)設(shè)置樣式，把樣式的字符串放入style標(biāo)簽中。
這樣做的好處在于樣式在HTML文件中是最先加載的，避免了樣式加載完成前的閃爍現(xiàn)象。同時(shí)也可以使頁(yè)面加載速度更快一些。
總之，替換樣式是一個(gè)很實(shí)用的技巧，可以讓網(wǎng)站更加美觀、優(yōu)雅。如果你也遇到了類似問(wèn)題，不妨嘗試一下這種方法。
上一篇dw中如何刪除css層
下一篇dw中怎樣引用css文件