JSP頁面是由Java代碼與HTML代碼混合編寫而成的,其中CSS樣式代碼也需要在某個地方編寫。如果直接將CSS代碼寫在JSP頁面的HTML標簽中,代碼的可讀性會變得極差,同時也不利于后期的維護。為了更好地組織代碼,通常將CSS樣式代碼單獨提取到一個CSS文件中,再在JSP頁面中引用該文件,從而實現(xiàn)樣式與內(nèi)容的分離。
在JSP頁面中,可以使用HTML的link標簽引用CSS文件。應(yīng)將link標簽放在HTML頭部中,例如:
<head> <title>My JSP Page</title> <link rel="stylesheet" type="text/css" href="style.css"> </head>
其中,rel屬性指定鏈接類型,type屬性指定樣式文件類型,href屬性指定CSS文件的路徑。
除了使用link標簽外,還可在JSP頁面中使用style標簽嵌入CSS樣式代碼:
<style type="text/css"> body{ background-color: #eee; } </style>
在這種情況下,CSS樣式代碼可直接嵌入到JSP頁面的HTML代碼中,方便與頁面內(nèi)容進行交互。
下一篇html 選擇填寫代碼