在Java Web开发中,使用外部CSS样式是提高页面可维护性和加载速度的常用方法。以下是一个简单的例子,展示如何在JSP页面中引用外部CSS样式。
我们需要创建一个CSS文件,命名为`styles.css`,并放置在Web应用的`WEB-INF`目录下。以下是`styles.css`文件的
```css
/* styles.css */
body {
font-family: Arial, sans-serif;
background-color: f8f8f8;
}
header {
background-color: 333;
color: white;
padding: 10px;
text-align: center;
}
footer {
background-color: 333;
color: white;
text-align: center;
padding: 10px;
position: fixed;
bottom: 0;
width: 100%;
}
```
接下来,在JSP页面中,我们需要使用``标签来引入外部的CSS文件。以下是一个简单的JSP页面示例:
```jsp
<%@ page contentType="