在jsf中包含Css [重复]答案

【问题标题】：Including Css in jsf [duplicate]在jsf中包含Css [重复]
【发布时间】：2015-04-15 13:35:48
【问题描述】：

这是我的项目结构：

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

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

【问题讨论】：

stackoverflow.com/q/11988415/1391249
@Tiny 感谢您的链接，这是一个非常详细的解释

标签： html css jsf

【解决方案1】：

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

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

然后，您可以使用 h:outputStylesheet 包含您的 CSS：

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

【讨论】：

所以不需要<link rel="stylesheet" type="text/css" href="headerStyle.css"/>。对吗？
@SajjadHTLO 不，您不需要它，h:outputStylesheet 将生成这种形式的标签：<link href="/context-root/faces/javax.faces.resource/styles.css?ln=css" rel="stylesheet" type="text/css"/> 到您的页面标题