JSP技術(shù)是在HTML頁面里引入Java代碼的一種技術(shù),在JSP頁面中,同樣可以使用外部樣式表文件來控制樣式。
<%@ page language="java" contentType="text/html; charset=UTF-8" %> <!DOCTYPE html> <html> <head> <title>JSP的CSS樣式</title> <link rel="stylesheet" type="text/css" href="css/style.css"> //引入外部樣式表文件 </head> <body> ... </body> </html>
上面的代碼片段中,將外部樣式表文件的路徑設(shè)置為"css/style.css",實(shí)際路徑根據(jù)文件存放位置進(jìn)行調(diào)整。在樣式表文件中,可以定義各種CSS樣式規(guī)則來控制頁面的顯示效果。
/* css/style.css */ body { background-color: gray; } h1 { color: red; text-align: center; } p { color: blue; font-size: 18px; }
樣式表文件中,定義了body的背景色為灰色,h1標(biāo)簽的字體顏色為紅色,文字居中,p標(biāo)簽的字體顏色為藍(lán)色,字體大小為18px。
在JSP頁面中,可以按照普通的HTML語法來使用各種標(biāo)簽,同時(shí)使用class或id屬性來設(shè)置樣式類或標(biāo)識(shí),以便在樣式表中進(jìn)行調(diào)用。
<p class="intro">這是一段示例文字</p>
/* css/style.css */ .intro { color: green; font-size: 16px; }
上面的代碼片段中,p標(biāo)簽的class屬性被設(shè)置為intro,對(duì)應(yīng)的樣式表規(guī)則中定義了intro樣式的字體顏色為綠色,字體大小為16px。
總結(jié)來說,JSP頁面的外部樣式定義方式與普通HTML頁面類似,可以使用class或id屬性來設(shè)置樣式類或標(biāo)識(shí),進(jìn)行樣式調(diào)用。樣式表文件中定義的樣式規(guī)則可以控制頁面的各種顯示效果。