Condividi tramite

Finestra di dialogo Opzioni, Finestra di progettazione HTML, Applicazione di stili CSS

  • Articolo

Aggiornamento: novembre 2007

La finestra di dialogo Stile CSS consente di modificare le impostazioni predefinite relative alle modalità di applicazione dello stile CSS in visualizzazione Progettazione.

  1. In Visual Web Developer scegliere Opzioni dal menu Strumenti.

  2. Espandere il nodo Finestra di progettazione HTML nel riquadro sinistro e scegliere Stile CSS.

    Nota:

    Se sono state configurate le impostazioni di ambiente per lo sviluppo Web, gli elementi di questo nodo non saranno disponibili per impostazione predefinita. Per visualizzarli, selezionare la casella di controllo Mostra tutte le impostazioni. Per ulteriori informazioni sulle impostazioni di ambiente, vedere Procedura: modificare determinate impostazioni.

    È possibile trovare altre opzioni che riguardano la visualizzazione Progettazione nel nodo Finestra di progettazione HTML, visibile se è selezionata la casella di controllo Mostra tutte le impostazioni.

Per ulteriori informazioni sui fogli di stile, vedere Cenni preliminari sull'utilizzo di CSS.

Modalità di applicazione degli stili

  • Applicazione manuale stili
    Specifica che, per impostazione predefinita, quando si utilizza la visualizzazione Progettazione, è necessario applicare manualmente gli stili CSS agli elementi HTML.

    Nota:

    Se si seleziona la modalità di applicazione degli stili manuale, alcune delle opzioni di applicazione degli stili elencate nella tabella seguente non saranno disponibili.

  • Applicazione automatica stili
    Specifica che, per impostazione predefinita, quando si utilizza la visualizzazione Progettazione, in Visual Web Developer vengono automaticamente applicati stili CSS agli elementi HTML.

    Nota:

    Se si seleziona la modalità di applicazione degli stili automatica, saranno disponibili tutte le opzioni di applicazione degli stili.

Opzioni di applicazione degli stili

  • Riutilizza solo le classi con prefisso "style"
    (Solo modalità di applicazione degli stili automatica) Specifica che è possibile riutilizzare le classi CSS al cui nome è apposto il prefisso "style". In modalità manuale è necessario attribuire un nome alle classi e applicarle manualmente.

  • Usa attributi di larghezza e altezza per immagini anziché CSS
    Specifica che le dimensioni di un elemento img vengono impostate utilizzando gli attributi width e height anziché stili CSS.

  • Usa <strong> e . <em>per il testo in grassetto e corsivo
    (Solo modalità di applicazione degli stili automatica) Specifica che il testo formattato come grassetto viene contrassegnato utilizzando un elemento strong anziché un elemento b. Il testo formattato come corsivo viene contrassegnato utilizzando un elemento em anziché un elemento i.

    Se, in modalità manuale, si applica la formattazione grassetto o corsivo in visualizzazione Progettazione, verranno utilizzati gli elementi b e i.

  • Usa proprietà a sintassi abbreviata per la generazione di stili
    Specifica che, quando in Visual Web Developer gli stili vengono generati automaticamente, viene utilizzato lo stile combinato o in forma abbreviata delle proprietà CSS anziché uno stile separato per ogni elemento. Ad esempio, anziché specificare l'aspetto di ogni margine con uno stile separato, come margin-left, margin-right, in Visual Web Developer viene generato un solo elemento di stile, ovvero margin:, specificando i dettagli relativi al margine superiore, inferiore, destro e sinistro all'interno di un'unica definizione dello stile.

  • Modifica il posizionamento su assoluto per i controlli aggiunti tramite la casella degli strumenti, un'operazione Incolla o il trascinamento della selezione
    Specifica che, quando si creano elementi incollandoli, trascinandoli o utilizzando la Casella degli strumenti, gli elementi vengono inseriti utilizzando il posizionamento CSS assoluto.

Vedere anche

Riferimenti

Visualizzazione, Finestra di progettazione HTML, finestra di dialogo Opzioni

Generale, CSS, Editor di testo, finestra di dialogo Opzioni

Editor CSS

Formato, HTML, Editor di testo, finestra di dialogo Opzioni

Finestra di dialogo Opzioni, Finestra di progettazione HTML, CSS