Wie man Cascading Style Sheets (CSS) in JSF einfügt

Wie man Cascading Style Sheets (CSS) in JSF einbindet

In JSF 2.0 können Sie<h:outputStylesheet /> Ausgabe einer CSS-Datei verwenden.

Zum Beispiel,

Es wird folgende HTML-Ausgabe erzeugen ...

JSF outputStylesheet Beispiel

Ein Beispiel für die Verwendung von JSF 2<h:outputStylesheet /> zum Rendern einer Datei "style.css" finden Sie im Ordner "resources/css" (siehe Abbildung unten):

jsf2-outputStylesheet-example

JSF-Datei



    
    

        

JSF 2 outputStylesheet example

This is red color

Es wird folgende HTML-Ausgabe generiert



    
        
    

    

           

JSF 2 outputStylesheet example

This is red color

Warning
Wenn Sie eine CSS-Datei über das Tag<h:outputStylesheet />rendern, denken Sie daran, auch das Tag<h:head /> einzufügen. Andernfalls wird die CSS-Datei nicht enthalten sein.

Quellcode herunterladen

Laden Sie es herunter -JSF-2-outputStylesheet-Example.zip (9KB)