在JSF中使用CSS

我有一个JSF facelet，它有一个文本字符串，我想使用CSS对其进行样式化。它位于h1标记中：

<h1 align="center">Welcome Back</h1>

欢迎回来

我的问题是，首先，CSS文件会在JSF应用程序的目录结构中的什么位置，第二，如何将CSS样式添加到文本中

谢谢

我有一个JSF facelet，它有一个文本字符串，我想使用CSS对其进行样式化。它位于h1标记中：

欢迎回来

---

那是个好主意。

align

属性是HTML5。CSS位于

样式

属性中，或者更好，位于它自己的

.CSS

文件中。您应该努力使JSF/HTML代码不受

style

属性的影响（因此所有的样式都放在

.css

文件中）

---

我的问题是，首先，CSS文件会在JSF应用程序的目录结构中的什么位置

所有JSF资源都应该放在

/resources

文件夹中（如果需要，可以进一步划分为子文件夹）。下面是一个相当基本的例子：

WebContent
|--META-INF
|--WEB-INF
||--template.xhtml
||--faces-config.xml
|`--web.xml
|--资源
||--image.png
||--script.js
|`--style.css
`--index.xhtml

您需要在主模板的

中引用它，如下所示

<h:outputStylesheet name="style.css" />

否则您需要给它一个

id

或

class

。在为JSF编写CSS时，请记住CSS只在客户端处理JSF生成的HTML输出，而不是在服务器端处理JSF源代码。因此，当对HTML输出有疑问时，在webbrowser中打开JSF页面并查看源代码（或者使用webbrowser的开发者工具集进行树检查）

另见：

---

HTML5不支持

align

属性。使用样式表并使用

文本对齐：居中。