Utilizzo del riquadro attività Applica stili

Con il riquadro attività Applica stili è possibile applicare, rimuovere, modificare, rinominare ed eliminare stili, associare o rimuovere un foglio di stile CSS esterno, selezionare tutte le istanze di uno stile e passare al codice che contiene il set di regole di uno stile. Nel riquadro attività Applica stili ogni stile è visualizzato in base alle relative regole. Questo consente di identificare rapidamente lo stile desiderato semplicemente osservandone l'aspetto visivo.

Contenuto dell'articolo

Informazioni sul riquadro attività Applica stili

Informazioni sui simboli nel riquadro attività Applica stili

Ordinare l'elenco degli stili nel riquadro attività Applica stili

Visualizzare o nascondere gli stili nel riquadro attività Applica stili

Visualizzare uno sfondo colorato nel riquadro attività Applica stili per gli stili che non contengono una regola per la proprietà relativa allo sfondo

Informazioni sul riquadro attività Applica stili

Quando si apre una pagina Web, nel riquadro attività Applica stili vengono elencati gli stili definiti in tutti i fogli di stile CSS della pagina, compresi i fogli di stile CSS esterni, in linea e interni. Gli stili basati su classi e id vengono riportati sotto il nome del file CSS esterno che contiene lo stile oppure in Pagina corrente se lo stile si trova in un foglio di stile CSS interno. Gli stili basati su elementi sono organizzati nello stesso modo, ma vengono visualizzati in una sezione separata denominata Selettori contestuali sotto l'elenco degli stili basati su classi e id. È possibile impostare il riquadro attività in modo che vengano elencati tutti gli stili o soltanto quelli utilizzati nella pagina Web corrente o nella selezione corrente nella pagina. Indipendentemente dall'opzione selezionata, gli stili basati su elementi e gli stili in linea vengono visualizzati nel riquadro attività solo quando si posiziona il cursore sul contenuto che utilizza lo stile o si seleziona tale contenuto.

Per determinare i riferimenti allo stile, nei riquadri attività Applica stili e Gestione stili viene utilizzata la struttura della pagina di cui è stato eseguito il rendering. In altri termini, i riquadri attività Applica stili e Gestione stili considerano la pagina master e le relative pagine di contenuto come un'unica pagina compressa. Se ad esempio si apre una pagina di contenuto e si seleziona Visualizza gli stili utilizzati nella pagina corrente tramite il pulsante Opzioni, in Applica stili vengono visualizzati tutti gli stili utilizzati nella pagina di contenuto e nella pagina master alla quale è associata. Questo è determinato dal fatto che la pagina di contenuto e la pagina master vengono unite per creare la pagina di cui viene eseguito il rendering nel browser.

È possibile ordinare l'elenco degli stili visualizzato nel riquadro attività Applica stili, quindi limitare l'elenco in modo da visualizzare solo gli stili utilizzati nella pagina Web corrente o nella selezione corrente. Se un particolare stile risulta scarsamente visibile sullo sfondo bianco del riquadro attività, è possibile selezionare un colore da utilizzare come sfondo nel riquadro attività per gli stili che non contengono una proprietà relativa allo sfondo.

Suggerimento : Per visualizzare temporaneamente tutte le regole di uno stile in una descrizione comando, selezionare lo stile nel riquadro attività Applica stili.

Riquadro attività Applica stili

1. Cancella stili consente di rimuovere tutti gli stili basati su classi e in linea dalla selezione corrente.

2. In Pagina corrente vengono elencati tutti gli stili basati su classi e su id contenuti nei file CSS interni e nei file CSS esterni importati.

3. File CSS esterno importato nella pagina Web corrente.

4. Uno stile definito nel file CSS interno nella pagina Web corrente.

5. File CSS esterno collegato dalla pagina Web corrente.

6. Gli stili utilizzati dalla sezione corrente sono racchiusi da un bordo rettangolare continuo.

7. In Selettori contestualivengono elencati gli stili basati su elementi utilizzati nella selezione corrente.

8. Stili basati su classi e su id contenuti nel file CSS esterno collegato (events.css).

9. Ogni stile dispone di un menu a discesa per l'esecuzione di molte attività relative agli stili. Scegliere uno stile e fare clic sulla freccia oppure fare clic con il pulsante destro del mouse su uno stile.

Torna all'inizio

Informazioni sui simboli nel riquadro attività Applica stili

I simboli visualizzati accanto a ogni stile nel riquadro attività Applica stili identificano il tipo di stile e indicano se lo stile è utilizzato nella pagina Web corrente.

Simbolo

Descrizione

Punto rosso visualizzato accanto agli stili basati su id

Accanto agli stili basati su id viene visualizzato un punto rosso.

Punto verde visualizzato accanto agli stili basati su classi

Accanto agli stili basati su classi viene visualizzato un punto verde.

Punto blu visualizzato accanto agli stili basati su elementi

Accanto agli stili basati su elementi viene visualizzato un punto blu.

Punto giallo visualizzato accanto agli stili in linea

Accanto agli stili in linea viene visualizzato un punto giallo.

Punto verde visualizzato accanto agli stili utilizzati

Gli stili utilizzati nella pagina Web corrente sono contraddistinti da un punto colorato racchiuso da un cerchio.

Simbolo @ visualizzato accanto ai fogli di stile CSS importati

Accanto ai fogli di stile CSS esterni importati viene visualizzato il simbolo @.

Torna all'inizio

Ordinare l'elenco degli stili nel riquadro attività Applica stili

  • Nel riquadro attività Applica stili fare clic su Opzioni, quindi eseguire una delle operazioni seguenti:

    • Per visualizzare gli stili in base all'ordine in cui compaiono nel foglio di stile CSS, selezionare Categorizza in base all'ordine.

    • Per visualizzare gli stili in ordine alfabetico e in base al tipo di stile (basato su classi o basato su id), selezionare Categorizza in base al tipo.

Torna all'inizio

Visualizzare o nascondere gli stili nel riquadro attività Applica stili

  • Nel riquadro attività Applica stili fare clic su Opzioni, quindi eseguire una delle operazioni seguenti:

    • Per visualizzare tutti gli stili contenuti nel foglio di stile CSS esterno, interno e in linea della pagina Web corrente, selezionare Visualizza tutti gli stili.

    • Per visualizzare solo gli stili utilizzati nella pagina Web corrente, selezionare Visualizza gli stili utilizzati nella pagina corrente.

    • Per visualizzare solo gli stili utilizzati nella selezione corrente della pagina, selezionare Visualizza gli stili utilizzati nella selezione.

      Nota : Gli stili basati su elementi e gli stili in linea vengono visualizzati nel riquadro attività Applica stili solo quando si posiziona il cursore nel contenuto che utilizza lo stile o quando si seleziona tale contenuto.

Torna all'inizio

Visualizzare uno sfondo colorato nel riquadro attività Applica stili per gli stili che non contengono una regola per la proprietà relativa allo sfondo

  1. Nel riquadro attività Applica stili fare clic su Opzioni, quindi su Anteprima colore sfondo.

  2. Nella finestra di dialogo Altri colori selezionare un colore, quindi fare clic su OK.

Torna all'inizio

Amplia le tue competenze
Esplora i corsi di formazione
Ottieni in anticipo le nuove caratteristiche
Partecipa al programma Office Insider

Queste informazioni sono risultate utili?

Grazie per i tuoi commenti e suggerimenti

Grazie per il tuo feedback! Potrebbe essere utile metterti in contatto con uno dei nostri operatori del supporto di Office.

×