最近我在學習jsp的過程中,遇到了一個問題——css樣式不能正常使用。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css無法正常使用的問題</title> <style type="text/css"> body{background-color: #fff;} </style> </head> <body> <h1>這是一個測試頁面</h1> <p>測試css樣式,應該是白色背景</p> </body> </html>
上述代碼中,我們可以看到,使用了style標簽來定義了網頁的背景色。但在jsp中,在實際訪問時,頁面的背景色并沒有按照我們定義的樣式來顯示。
經過了一番搜索和研究,我發現,這是由于jsp引擎默認將css當作純文本輸出,而不是html標準的樣式表格式輸出。
解決這個問題的方式有很多。其中,一種比較簡單的方法就是在jsp頁面中使用link標簽引入外部的css文件:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css無法正常使用的問題</title> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <h1>這是一個測試頁面</h1> <p>測試css樣式,應該是白色背景</p> </body> </html>
這樣,我們在mystyle.css中定義的樣式,就可以完全應用到jsp頁面中了。
當然,我們還可以通過其他一些方式來解決css無法正常使用的問題。但總之,需要我們掌握的是,在jsp頁面中直接定義css樣式是行不通的。要應用樣式,我們需要使用link標簽來引用外部的樣式表。