Se si desidera specificare lo stesso stile per più elementi, utilizzare le classi.
Utilizzando una classe, è possibile avere lo stesso stile per diversi tag associando la classe ai tag.
Associando più classi a ciascuna ricorrenza dello stesso tag, è possibile avere diversi stili per lo stesso tag.
Per creare e applicare uno stile di classe:
- Aprire il file .css che si desidera modificare facendo doppio clic sul file nella vista Esplora progetti. Il foglio di stile viene aperto nell'area di modifica.
- Per creare uno stile di classe:
- Fare clic sull'icona Aggiungi regola di stile
. Viene aperta la finestra di dialogo Impostazione selettore del nuovo stile.
- Selezionare il pulsante di opzione Classe. Fornire un nome per la classe nel campo Nome classe. Il nome deve iniziare con un punto, ad esempio .note. L'opzione ID ha quasi gli stessi effetti dell'opzione Classe. L'unica differenza è che è possibile applicare un ID solo a un punto (una ricorrenza di un tag) in una pagina. Quindi, si consiglia di utilizzare le classi e non gli ID. Se si utilizzano gli ID, selezionare il pulsante di opzione ID e immettere il nome nel campo ID. Il nome deve iniziare con #.
- Fare clic su OK.
- Aggiungere le definizioni di stile specifiche utilizzando la finestra di dialogo Aggiunta stile.
- Fare clic su OK e salvare le modifiche. Il nome della classe specificato viene visualizzato nella vista Stili.
- Per applicare la classe a un elemento:
- Selezionare l'elemento nella pagina Progettazione di Page Designer.
- Nella vista Proprietà, fare clic sull'icona Sfoglia accanto al campo Classi.
Viene aperta la finestra di dialogo Selezione classe.
- Espandere il foglio di stile e selezionare la classe desiderata.

- Fare clic su OK.
- Per applicare uno stile di ID:
- Selezionare l'elemento al quale applicare lo stile di ID.
- Nella vista Proprietà, fare clic sull'icona Tutti gli attributi
.
- Nel campo ID, immettere il nome ID (senza #).

- Allo stesso modo, è possibile selezionare altri elementi e applicare lo stesso stile di classe. È anche possibile applicare uno stile di classe definito dalla barra degli strumenti Stile.
Da Page Designer, selezionare per mostrare la barra degli strumenti Stile. È possibile applicare uno stile di classe a un elemento selezionando un nome classe dall'elenco a discesa.
- Per visualizzare la definizione della classe utilizzata nel foglio di stile, fare clic sullo stile nella vista Stili. È possibile visualizzare la definizione dello stile nella vista Proprietà.