如何在JSF中包括级联样式表（CSS）

最新推荐文章于 2021-02-28 00:15:31 发布

cyan20115

最新推荐文章于 2021-02-28 00:15:31 发布

阅读量224

点赞数

文章标签： xhtml java

在JSF 2.0中，您可以使用<h:outputStylesheet />输出一个CSS文件。

例如，

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

它将生成以下HTML输出…

<link type="text/css" rel="stylesheet" 
	href="/JavaServerFaces/faces/javax.faces.resource/style.css?ln=css" />

JSF outputStylesheet示例

显示使用JSF 2 <h:outputStylesheet />渲染“ style.css”文件的示例，位于“ resources/css ”文件夹中，请参见下图：

JSF文件

<?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://java.sun.com/jsf/html"
      >
    <h:head></h:head>
    <h:body>
    	
    	<h1>JSF 2 outputStylesheet example</h1>
    	
    	<h:outputStylesheet library="css" name="style.css"  />
    	
    	<div class="red">This is red color</div>
    	
    </h:body>
    
</html>

它将生成以下HTML输出

<?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">
	<head>
		<link type="text/css" rel="stylesheet" 
		  href="/JavaServerFaces/faces/javax.faces.resource/style.css?ln=css" />
	</head>
	
	<body>
    	
    	   <h1>JSF 2 outputStylesheet example</h1>
    	
    	   <div class="red">This is red color</div>
		
	</body>

</html>

警告
通过<h:outputStylesheet />标记渲染CSS文件时，请记住<h:outputStylesheet />放置<h:head />标记；否则，将不包含css文件。

下载源代码

下载它– JSF-2-outputStylesheet-Example.zip （9KB）

参考文献
JSF <h：outputStylesheet /> JavaDoc
JSF 2资源库

标签： CSS jsf2

翻译自: https://mkyong.com/jsf2/how-to-include-cascading-style-sheets-css-in-jsf/

cyan20115

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何在JSF中包括级联样式表（CSS）

在JSF 2.0中，您可以使用<h:outputStylesheet />输出一个CSS文件。例如， <h:outputStylesheet library="css" name="style.css" /> 它将生成以下HTML输出… <link type="text/css" rel="stylesheet" href="/JavaSer...
复制链接

扫一扫