最近在使用SSM框架搭建網站時,遇到了一些css樣式無效的問題。經過一番排查,發現其中幾個原因。
.nav { background-color: #333; color: #fff; padding: 10px; }
1. css路徑不正確:在SSM框架中,我們通常會將css和js等靜態文件放在webapp文件夾下的相應目錄中,比如css文件就放在webapp/css目錄下。但是如果在jsp中引用css文件時路徑不正確,就會導致樣式無法加載。正確的引用方式應該是:
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet">
其中,${pageContext.request.contextPath}代表當前應用的根路徑。
2. css文件中包含中文字符:在windows系統下編寫的css文件中,如果包含中文字符,會導致css樣式無效。可以使用notepad++等編輯器將文件編碼改為UTF-8無BOM格式解決。
3. Tomcat緩存問題:有時候在修改了css文件后,樣式卻沒有改變。這是因為Tomcat對靜態文件會有緩存,需要手動清除Tomcat緩存或者在Tomcat/conf/context.xml文件中添加以下代碼:
<Context antiJARLocking="true" antiResourceLocking="true">
以上幾種情況都可能導致css樣式無效,在使用SSM框架開發網站時應當留意。
上一篇steam css容錯包
下一篇style css設置