最近我在開發網頁的過程中遇到了一個問題,就是引用不了CSS文件。這給我造成了很大的困擾,經過一番研究和查找,我終于找到了解決方法,現在和大家分享一下。
問題表現是網頁沒有應該有的樣式,直接查看源代碼發現CSS文件并沒有被引用,如下圖所示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>頁面標題</title> </head> <body> </body> </html>經過檢查,發現在head標簽中沒有正確的引用CSS文件,如下圖所示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>頁面標題</title> <link rel="stylesheet" href="css/style.css"> </head> <body> </body> </html>解決方法非常簡單,只需要在head標簽中加入一行代碼即可: <link rel="stylesheet" href="css/style.css"> 其中href屬性的值即為CSS文件所在的路徑,具體路徑視實際情況而定。 總結:引用CSS文件是網頁設計中非常基礎的一步,但也是非常容易出現問題的一步。希望這篇文章能夠幫到遇到同樣問題的人。
上一篇jquery 鍵值對對象
下一篇引用js css路徑