Mediante la creazione di un foglio di stile CSS è possibile rendere automatica la formattazione dei tag HTML o di una parte di testo identificato dall'attributo class.
| 1 |
Scegliere Finestra > Stili CSS e, nel pannello Stili CSS, cliccare con il pulsante destro (Windows) o cliccare tenendo premuto il tasto Ctrl (Macintosh) e scegliere Nuovo stile dal menu a comparsa visualizzato. In alternativa, cliccare sull'icona Nuovo stile visualizzata nella parte inferiore del pannello Stili CSS. |
| 2 |
Scegliere una delle opzioni successivi: |
|
Crea stile personalizzato (classe) crea uno stile che può essere applicato come attributo class ad una sezione o ad un blocco di testo. |
|
Ridefinisci tag HTML ridefinisce la formattazione default di un tag HTML specifico. Prestare particolare attenzione alla ridefinizione dei tag, perché la modifica del layout potrebbe interessare molte pagine. |
|
Usa selettore CSS definisce la formattazione di una particolare combinazione di tag o di tutti i tag che contengono un attributo id specifico. |
| 3 |
Inserire un nome, un tag o un selettore per il nuovo stile: |
 |
I nomi degli stili personalizzati (classe) devono cominciare con un punto. Il punto viene aggiunto in modo automatico se non viene inserito dall'utente. I nomi possono contenere qualsiasi combinazione di lettere e cifre, ma il punto iniziale deve sempre essere seguito da una lettera. Ad esempio, .myhead1. |
|
Per ridefinire uno stile di tag HTML, specificare un tag HTML o sceglierne uno dal menu a comparsa. |
|
Per un selettore CSS, inserire qualsiasi criterio valido per un selettore (ad esempio, td o #mioStile) o scegliere un selettore dal menu a comparsa. I selettori presenti nel menu sono a:active, a:hover, a:link e a:visited. |
| 4 |
Selezionare la posizione in cui verrà definito lo stile: Nuovo file foglio di stile (esterno) o Solo questo documento. |
| 5 |
Fare clic su OK. Viene visualizzata la finestra di dialogo Definizione stile. |
| 6 |
Scegliere le impostazioni di formattazione da applicare al nuovo stile CSS. Lasciare vuoti gli attributi se non sono rilevanti per lo stile. |
|
Gli attributi non visualizzabili nella finestra del documento vengono contrassegnati con un asterisco (*) nella finestra di dialogo Definizione dello stile. Alcuni attributi di stile CSS impostabili in Dreamweaver vengono visualizzati in maniera diversa in Microsoft Internet Explorer 4.0 e Mozilla Firefox 4.0, mentre altri non sono ora supportati da alcun browser. |
| 7 |
Fare clic su OK o Applica. |
 |
|
Per informazioni su impostazioni specifiche, consultare i successivi argomenti:
Quando si crea uno stile (class) personalizzato, questo viene visualizzato sia nel pannello Stili che nel sottomenu Testo > Stili CSS. Gli stili di tag HTML e gli stili di selettore CSS non appaiono nel pannello Stili CSS perché non possono essere applicati; gli attributi di questi stili vengono visualizzati in modo automatico nella finestra del documento in ogni punto in cui compare il tag o il selettore specifico.
