📜  如何在 jsp 中包含 css 文件 - Javascript (1)

📅  最后修改于: 2023-12-03 14:52:22.713000             🧑  作者: Mango

如何在 JSP 中包含 CSS 文件

在 JSP 中包含 CSS 文件,一般有两种方法:

方法一:使用 link 元素引入 CSS 文件

在 JSP 文件中,使用 link 元素引入 CSS 文件,例如:

<link rel="stylesheet" type="text/css" href="css/style.css">

其中,rel 属性指定引入的是样式表,type 属性指定样式表的 MIME 类型,href 属性指定样式表文件的路径。

一般情况下,将 CSS 文件放置于 WebContent 下的 css 目录中。注意,路径应该是相对于 Web 应用的根目录,而不是 JSP 文件所在的目录。

方法二:使用 style 元素定义 CSS 样式

在 JSP 文件中,使用 style 元素定义 CSS 样式,例如:

<style type="text/css">
  body {
    background-color: #f0f0f0;
  }
</style>

其中,type 属性指定样式表的 MIME 类型。

注意,如果样式比较少,或者只是针对当前 JSP 页面的样式,可以使用此种方法。如果样式较多,最好还是将样式定义在外部文件中,便于管理和维护。

以上就是在 JSP 中包含 CSS 文件的两种方法。可以根据实际情况选择合适的方式。

代码片段

引入外部样式
<link rel="stylesheet" type="text/css" href="css/style.css">
定义内部样式
<style type="text/css">
  body {
    background-color: #f0f0f0;
  }
</style>