在jsf中包含CSS

4 html css jsf

这是我的项目结构:

在此输入图像描述

我要将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)

但只在结果中显示文本!

Tar*_*rik 7

关于您的XML namespaces声明,您正在使用 JSF 2.2。

从 JSF 2.0 开始,您可以将 CSS、JavaScript 文件和图像(以及其他文件)放入Web 应用程序根目录的资源目录中。

CSS

然后,您可以使用以下命令包含 CSS h:outputStylesheet

<h:outputStylesheet library="css" name="styles.css"/>
Run Code Online (Sandbox Code Playgroud)