在开发网页的过程中，CSS（层叠样式表）是非常重要的一个组成部分。它可以帮助我们美化网页，让页面看起来更加美观。而JSP（Java Server Pages）是一种动态网页技术，它可以将HTML、Java代码和JSP标签结合在一起，实现动态网页的生成。如何将CSS文件应用到JSP页面中呢？下面，我就为大家详细介绍一下JSP调用CSS文件的实例教程。
一、准备环境
在开始之前，我们需要准备以下环境：
1. JDK：Java开发工具包，用于编译和运行Java程序。
2. Tomcat：一个开源的Java Servlet容器，用于运行JSP页面。
3. 文本编辑器：如Notepad++、Sublime Text等，用于编写代码。
二、创建项目
1. 创建文件夹：在电脑上创建一个文件夹，用于存放项目文件。
2. 创建项目结构：在文件夹中创建以下目录结构：
```
*项目名*
├── webapps
│ ├── *项目名*
│ │ ├── WEB-INF
│ │ │ ├── web.xml
│ │ │ └── views
│ │ └── css
│ └── index.jsp
└── lib
```
三、编写代码
1. 创建CSS文件：在`css`目录下创建一个名为`style.css`的CSS文件，并编写以下样式代码：
```css
body {
font-family: Arial, sans-serif;
background-color: f2f2f2;
}
h1 {
color: 333;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
}
```
2. 创建JSP文件：在`views`目录下创建一个名为`index.jsp`的JSP文件，并编写以下代码：
```jsp
<%@ page contentType="
