jsf頁面中的樣式和styleClass之間的區別

Question

我已經開始使用java代碼庫，其中style和styleClass關鍵字用於樣式jsf頁面中的不同元素。該項目使用jsf 2.2。

的「風格」關鍵字用於將HTML屬性，如：

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

，其中爲「的styleClass」關鍵字用於從像.css文件應用的類/樣式：

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

所以我的問題是，在這種情況下是否有哪個關鍵字用在哪裏或是否只是一個選擇問題的規則？從這link我不明白這兩個關鍵字之間的任何區別。

Answer 1

這兩個屬性都用於定義組件的樣式屬性。 styleClass將css類附加到組件，而style屬性用於定義將應用於單個元素的內聯樣式屬性。

這樣的：

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

會生成以下HTML：

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

請注意，這是一個跨度的HTML元素，因爲panelGroup中呈現默認的跨度。

而

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

會產生：

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

這是基本的HTML知識，反正也沒有太大用JSF做除了命名（即style和styleClass）