Applicare gli HTML Styles al testo



Gli HTML Styles si possono applicare nei seguenti modi:


Inserimento di stile di selzione

  • cliccando una volta sullo stile selezionato nel pannello HTML Styles, qualora sia spuntata la casella Apply in basso a sinistra nel pannello;

  • Inserimento di stile di paragrafo

  • oppure selezionando lo stile e selezionando la voce Apply dal menù a comparsa, sulla parte superire destra del pannello, se la casella Apply non è spuntata;
  • col tasto destro del mouse scegliendo dal menù contestuale lo stile desiderato;
    Applicare uno stile da menù contestuale
  • dal menù:
    Text >> HTML Syles >> e selezionare lo stile che si trova elencato nel sottomenù.
    Inserimento di stile dal menù Text

Nell'applicazione degli stili il Selection Style ed il Paragraph Style si distinguono, infatti mentre per il primo è necessario selezionare l'area cui si vuole applicare, per il secondo è sufficiente che il cursore sia presente sull'elemento block level (ad esempio il paragrafo) cui si vuole applicare, senza che questo sia selezionato.

Se si applica prima uno Selection Style ad un blocco di testo e poi si applica al suo paragrafo il Paragraph Style quest'ultimo sovrascrive il secondo, a meno che non si sia scelto per lo stile di paragrafo Add to Existing Style (+), in questo caso gli eventuali stili addizionali del Selection Style saranno preservati. Ad esempio s'immagini che solo lo stile di selezione abbia il grassetto ed il corsivo, in questo caso, nel blocco di testo dove si è applicato precedentemente il Selection Style, saranno sostituiti il tipo di font, il suo colore e la sua dimensione, ma la selezione rimarrà in grassetto e corsivo.

Per cancellare un Paragraph Style è sufficiente che il cursore sia posizionato sul paragrafo e cliccare sul pannello HTML Styles Clear Paragraph Style per eliminarlo, mentre per eliminare un Selection Style è necessario selezionare il blocco di testo cui si è applicato lo stile cliccare Clear Selection Style.

Per entrambi i tipi di stile la loro eliminazione può essere fatta anche da menù contestuale o dal menù Text, come per l'inserimento.

È inoltre possibile selezionare un blocco di testo cui sia stato applicato indifferentemente un Selection Style o un Paragraph Style e con il comando Clear Selection Style eliminare lo stile da quella selezione.

Gli HTML Styles si applicano al sito nel quale si sta lavorando, e creano all'interno della cartella Library un file denominato styles.xml. Se si desidera importare gli stili in un altro sito è sufficiente copiare il file styles.xml nella cartella Library del sito in cui si vogliono copiare gli stili.


Il file styles.xml nel sito locale

Avvertenza: anche se si sono eliminati da un sito tutti gli HTML Styles personalizzati il file styles.xml, pur vuoto rimarrà nel sito, dunque, se non si intendono utilizzare più gli HTML Styles, è necessario eliminare a mano il file styles.xml.

Ultimi articoli Editor

Adobe Edge, la prima animazione HTML5

Come creare una animazione HTML5 con Adobe Edge, esempio completo

Adobe Edge, l'interfaccia

Esaminiamo pannelli e menu del tool gratuito di Adobe per la...

Trasformazioni XSLT in Dreamweaver 8

Primo sguardo agli strumenti XML: trasformare un feed RSS

Layout senza tabelle con Dreamweaver 8

Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia

Il nuovo Dreamweaver 8

Panoramica delle principali novità dell'ultima release del popolare...

Altri articoli

Guide Editor

Guida WebMatrix

Entrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,...

Guida Notepad++

Un editor testuale che funziona perfettamente anche come editor HTML...

Guida Aptana

Creare siti Web o applicazioni con Aptana, l'editor open source,...

Altre guide

Newsletter @Daily HTML.it

Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti