Nel documento, seleziona il testo a
cui desideri applicare uno stile CSS.
Ultimo aggiornamento il
6 mag 2019
Scoprite come applicare, eliminare o rinominare gli stili di classe CSS in Dreamweaver
Nota
In Dreamweaver e versioni successive, il pannello Stili CSS è sostituito da CSS Designer. Per ulteriori informazioni, consultate CSS Designer.
Gli stili di classe sono l'unico tipo di stile CSS applicabile a qualsiasi testo di un documento, indipendentemente dai tag che controllano il testo. Tutti gli stili di classe associati al documento corrente sono visualizzati nel pannello Stili CSS (preceduti da un punto [.]) e nel menu a comparsa Stile della finestra di ispezione delle proprietà del testo.
Vedrai la maggior parte degli stili aggiornati immediatamente, tuttavia, dovresti mostrare anteprima della pagina in un browser per verificare che lo stile sia stato applicato come previsto. Quando applichi due o più stili allo stesso testo, gli stili potrebbero essere in conflitto e produrre risultati imprevisti.
Nota
Quando mostri anteprima di stili definiti in un foglio di stile CSS esterno, assicurati di salvare il foglio di stile per garantire che le modifiche si riflettano quando mostri anteprima della pagina in un browser.
Applicare uno stile di classe CSS
Posiziona il punto di inserimento in un paragrafo per applicare lo stile all'intero paragrafo.
Se selezioni un intervallo di testo all'interno di un singolo paragrafo, lo stile CSS influisce solo sulla parte selezionata.
Per specificare il tag esatto a cui applicare lo stile CSS, seleziona il tag nel selettore di tag situato nella parte sinistra inferiore della finestra Documento.
Per applicare uno stile di classe, effettuate una delle seguenti operazioni:
Nel pannello Stili CSS (Finestra > Stili CSS), seleziona la modalità Tutto, fai clic con il pulsante destro del mouse sul nome dello stile che desideri applicare e seleziona Applica dal menu di scelta rapida.
Nella finestra di ispezione Proprietà HTML, seleziona lo stile di classe che desideri applicare dal menu a comparsa Classe.
Nella finestra Documento, fai clic con il pulsante destro del mouse (Windows) o fai clic tenendo premuto Ctrl (Macintosh) sul testo selezionato e, nel menu di scelta rapida, seleziona Stili CSS, quindi seleziona lo stile che desideri applicare.
Seleziona Formato > Stili CSS e nel sottomenu seleziona lo stile che desideri applicare.
Rimuovere uno stile di classe da una selezione
Seleziona
l'oggetto o il testo da cui desideri rimuovere lo stile.
Nella finestra di ispezione Proprietà HTML (Finestra >
Proprietà), seleziona Nessuno dal menu a comparsa Classe.
Rinominare uno stile di classe
Nel
pannello Stili CSS, fai clic con il pulsante destro del mouse sullo stile di classe CSS che desideri rinominare
e seleziona Rinomina classe.
Nota
Puoi anche rinominare una classe selezionando Rinomina classe dal menu delle opzioni del pannello Stili CSS.
Nella finestra di dialogo Rinomina classe, assicurati che la classe
che desideri rinominare sia selezionata nel menu a comparsa Rinomina classe.
Nella casella di testo Nuovo nome, inserite il nome della nuova classe e fate clic su OK.
Se la classe che stai rinominando è interna all'intestazione del documento corrente, Dreamweaver cambia il nome della classe così come tutte le istanze del nome della classe nel documento corrente.Se la classe che stai rinominando è in un file CSS esterno, Dreamweaver apre e cambia il nome della classe nel file.Dreamweaver avvia anche una finestra di dialogo Trova e sostituisci a livello di sede per permetterti di cercare tutte le istanze del vecchio nome della classe nella tua sede.
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
