这是我的项目结构:

我要将css文件添加到HeaderTester.xhtml文件中:
这是HeaderTester.xhtml:
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
<title>Here is header</title>
<link rel="stylesheet" type="text/css" href="headerStyle.css"/>
</h:head>
<h:body>
This is Header tester class
<div id="header">
<h3>Sajjad HTlo</h3>
</div>
</h:body>
</html>
Run Code Online (Sandbox Code Playgroud)
CSS 文件:
*{
margin: 0;
padding: 0;
}
#header{
background-color: gray;
width: 100%;
height: 60px;
}
h1{
color: silver;
}
Run Code Online (Sandbox Code Playgroud)
但只在结果中显示文本!
关于您的XML namespaces声明,您正在使用 JSF 2.2。
从 JSF 2.0 开始,您可以将 CSS、JavaScript 文件和图像(以及其他文件)放入Web 应用程序根目录的资源目录中。

然后,您可以使用以下命令包含 CSS h:outputStylesheet:
<h:outputStylesheet library="css" name="styles.css"/>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
20182 次 |
| 最近记录: |