jsf页面

时间:2017-02-14 16:25:52

标签: html css jsf-2

我已经开始使用java代码库,其中style和styleClass关键字用于设置jsf页面中不同元素的样式。该项目使用的是jsf 2.2。

'style'关键字用于应用html属性,如:

<h:panelGroup style="margin-top:60px">
</h:panelGroup>

其中'styleClass'关键字用于应用.css文件中的类/样式,如:

<h:panelGroup layout="block" styleClass="panel panel-default">    
</h:panelGroup>

所以我的问题是,在这种情况下,是否存在使用哪个关键字的规则或者只是选择问题?从这个link我不明白这两个关键字之间的区别。

1 个答案:

答案 0 :(得分:7)

这两个属性都用于定义组件的样式属性。 styleClass将css类附加到组件,而style属性用于定义将应用于单个元素的内联样式属性。

这样:

<h:panelGroup style="margin-top:60px">
</h:panelGroup>

会生成以下HTML:

<span style="margin-top: 60px"></span>

请注意,它是一个span HTML元素,因为panelGroup默认情况下会渲染一个span。

,而

<h:panelGroup layout="block" styleClass="panel panel-default">    
</h:panelGroup>

将生成:

<div class="panel panel-default"></div>

这是基本的HTML知识,无论如何除了命名(即stylestyleClass

之外与JSF没什么关系