Posizionate il punto di inserimento nel documento, quindi aprite la finestra di dialogo Nuova regola CSS effettuando una delle seguenti operazioni:
Ultimo aggiornamento il
3 mag 2021
La creazione di una regola CSS consente di automatizzare la formattazione dei tag HTML o di una parte di testo identificata dall'attributo class o ID.
-
- Selezionate Formato > Stili CSS > Nuovo.
- Nel pannello Stili CSS (Finestra > Stili CSS), fate clic sul pulsante Nuova regola CSS (+) situato nella parte inferiore destra.
- Selezionate del testo nella finestra del documento, selezionate Nuova regola CSS dal menu a comparsa Regola di destinazione nella finestra di ispezione Proprietà CSS (Finestra > Proprietà), quindi fate clic sul pulsante Modifica regola oppure selezionate un'opzione nella finestra di ispezione Proprietà (ad esempio, fate clic sul pulsante Grassetto) per avviare la creazione di una nuova regola.
-
Nella finestra di dialogo Nuova regola CSS, specificate il tipo di selettore per la regola CSS che desiderate creare:
- Per creare uno stile personalizzato che possa essere applicato come attributo class a qualsiasi elemento HTML, selezionate l'opzione Classe dal menu a comparsa Tipo di selettore, quindi inserite un nome per lo stile nella casella di testo Nome selettore.
Nota:i nomi di classe devono iniziare con un punto e possono contenere una qualsiasi combinazione di lettere e di numeri (ad esempio, .intestazione1). Se non inserite un punto iniziale, Dreamweaver lo aggiunge automaticamente.
- Per definire la formattazione di un tag che contiene un attributo ID specifico, selezionate l'opzione ID dal menu a comparsa Tipo di selettore, quindi inserite l'ID univoco (ad esempio, DIVcontenitore) nella casella di testo Nome selettore.
Nota:gli ID devono iniziare con un cancelletto (#) e possono contenere qualsiasi combinazione di lettere e numeri (ad esempio, #mioID1). Se non inserite il cancelletto iniziale, Dreamweaver lo aggiunge automaticamente.
- Per ridefinire la formattazione predefinita di un tag HTML specifico, selezionate l'opzione Tag dal menu a comparsa Tipo di selettore, quindi inserite un tag HTML nella casella di testo Nome selettore o selezionatene uno dal menu a comparsa.
- Per definire una regola composta che abbia effetto contemporaneamente su due o più tag, classi o ID, selezionate l'opzione Composto e inserite i selettori per la regola composta. Se ad esempio specificate div p, la regola avrà effetto su tutti gli elementi p nei tag div. Mentre aggiungete o eliminate i selettori, un'area di testo descrittiva spiega esattamente quali elementi saranno influenzati dalla regola.
-
Selezionate la posizione in cui volete definire la regola, quindi fate clic su OK:
- Per inserire la regola in un foglio di stile già associato al documento, selezionate il foglio di stile.
- Per creare un foglio di stile esterno, selezionate Nuovo file foglio di stile.
- Per incorporare lo stile nel documento corrente, selezionate Solo questo documento.
-
Nella finestra di dialogo Definizione regola CSS, selezionate le opzioni di stile che desiderate impostare per la nuova regola CSS. Per ulteriori informazioni, consultate la sezione che segue:
-
Una volta impostate tutte le proprietà di stile, fate clic su OK.Nota:
Se fate clic su OK senza aver impostato le opzioni di stile, viene creata una nuova regola vuota.
