最近學(xué)習(xí)了HTML和CSS，為了讓網(wǎng)頁更美觀，我想給網(wǎng)頁加些CSS樣式。于是，我在HTML文件中加入了CSS文件的鏈接標(biāo)簽，但是在網(wǎng)頁中并沒有看到任何效果。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
我查看了自己的代碼，確認(rèn)鏈接標(biāo)簽是正確的，并且CSS文件中也沒有錯誤。于是，我開始搜索可能的原因。
最終，我發(fā)現(xiàn)了幾個原因：
鏈接標(biāo)簽的href屬性值錯誤。在我的代碼中，我將CSS文件保存在了與HTML文件同一目錄下，但是我忘記在href屬性值中加上"./"，即：
<link rel="stylesheet" type="text/css" href="./style.css">
CSS文件中有錯誤。雖然我確認(rèn)了CSS文件沒有錯誤，但是有可能我在添加新的CSS樣式時出現(xiàn)了錯誤，導(dǎo)致整個CSS文件無法生效。為了確認(rèn)這一點(diǎn)，我用了一個基礎(chǔ)的CSS樣式文件，結(jié)果網(wǎng)頁順利加載了文件中的樣式。
瀏覽器緩存。由于瀏覽器有緩存機(jī)制，可能會導(dǎo)致瀏覽器在加載文件時不會去重新獲取樣式文件，從而導(dǎo)致樣式不生效。為了解決這個問題，我將緩存清除后再次打開網(wǎng)頁，結(jié)果樣式文件正常加載。
總結(jié)起來，當(dāng)我們遇到HTML鏈接CSS沒反應(yīng)的問題時，應(yīng)該先確認(rèn)鏈接標(biāo)簽和CSS文件都沒有錯誤，然后清除瀏覽器緩存再次打開網(wǎng)頁，看看是否正常生效。如果還存在問題，可以考慮嘗試使用基礎(chǔ)CSS樣式文件進(jìn)行測試。
上一篇htm如何連接外部css
下一篇css如何讓高度等于寬度