jsfページのstyleとstyleClassの違い

Question

jsfページのさまざまな要素をスタイルするためにstyleとstyleClassキーワードが使用されるJavaコードベースで作業を開始しました。プロジェクトはjsf 2.2を使用しています。

「styleClassの」キーワードは、同様の.cssファイルからクラス/スタイルを適用するために使用されるよう

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

：

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

「スタイル」キーワードは、HTMLは次のように属性を適用するために使用されています

私の質問は、キーワードが使用されているルールがありますか？この場合はどこで問題になるのですか？このlinkから私は2つのキーワードの違いを理解していません。

Answer 1

両方の属性は、コンポーネントのスタイルプロパティを定義するために使用されます。 styleClassは、コンポーネントにCSSクラスを添付し、style属性は、単一要素に適用されるインラインスタイルプロパティを定義するために使用されます。

これは：panelGroupは、デフォルトでスパンをレンダリングするので、それはスパンHTML要素であることを

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

注：

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

は、次のHTMLが生成されます。

ながら

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

が生成されます。

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

これは、基本的なHTMLの知識が命名以外JSFをどうするとにかくあまりしていない（すなわちstyleとstyleClass）