Question

这是我的项目结构：

enter image description here

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

Css文件：

*{
    margin: 0;
    padding: 0;
}

#header{
    background-color: gray;
    width: 100%;
    height: 60px;
}

h1{
    color: silver;
}

但只是在结果中显示文字！

Answer 1

关于您的XML namespaces声明，您使用的是JSF 2.2。

从JSF 2.0开始，您可以将CSS，JavaScript文件和图像（以及其他文件）放入Web应用程序根目录的 resources 目录中。

css

然后，您可以使用h:outputStylesheet：

添加CSS

<h:outputStylesheet library="css" name="styles.css"/>

在jsf中包含Css

1 个答案: