Nuove finestre Stile e Modifica stile
Le finestra di dialogo Nuovo stile e Modifica stile forniscono opzioni che consentono di definire o modificare attributi di stile del foglio di stile CSS. Uno stile CSS combina singoli attributi di formattazione e posizionamento in un insieme di attributi che possono essere applicati contemporaneamente.
La finestra di dialogo Nuovo stile è suddivisa in due riquadri. Il riquadro superiore consente di selezionare dove viene definito lo stile e a quale elemento o classe viene applicato. Il riquadro inferiore elenca nove categorie generali (Tipo di carattere, Blocco, Sfondo, Bordo, Riquadro, Posizione, Layout, Elenco e Tabella). Quando si seleziona una categoria, nel riquadro inferiore vengono visualizzate le opzioni per la categoria selezionata. Quando si selezionano le opzioni di stile, la finestra di dialogo Nuovo stile crea automaticamente le definizioni degli stili CSS.
Le opzioni nella finestra di dialogo Modifica stile corrispondono a quella del riquadro inferiore della finestra di dialogo Nuovo stile. La casella Modifica stile è disponibile quando si modifica un foglio di stile. La finestra di dialogo Nuovo stile è disponibile quando si modifica una pagina HTML o ASP.NET.
Finestra di dialogo Nuovo stile
Per visualizzare la finestra di dialogo Nuovo stile e definire un stile
Scegliere Formato dal menu principale, quindi fare clic su Nuovo stile.
Verrà visualizzata la finestra di dialogo Nuovo stile.
Nell'elenco a discesa Selettore, selezionare un elemento HTML o digitare un nome della classe contenente la definizione dello stile.
I nomi di classe devono essere precedute da un punto (.).
Nell'elenco a discesa Definisci in, selezionare per definire lo stile della pagina Web corrente, in un nuovo foglio di stile che sarà aggiunto al sito Web o in un foglio di stile esistente. Gli stili definiti in una singola pagina Web corrente possono essere applicati solo agli elementi all'interno di tale pagina. I fogli di stile esterni consentono di definire una caratteristica comune per più pagine Web.
Se si seleziona un foglio di stile esistente, definire il percorso nella casella di testo URL.
Selezionare la casella di controllo Applica nuovo stile alla parte selezionata del documento se si desidera visualizzare l'elemento correntemente selezionato nella pagina Web utilizzando le proprietà dello stile.
Selezionare un'opzione dal riquadro sinistro e definire gli attributi di stile CSS.
Finestra di dialogo Modifica stile
Per visualizzare la finestra di dialogo Modifica stile
Eseguire una delle operazioni seguenti:
Fare clic con il pulsante destro del mouse sul foglio di stile nell'editor quindi scegliere dal menu di scelta rapida, scegliere Stile di compilazione.
Nella barra degli strumenti del foglio di stile scegliere Stile di compilazione.
Verrà visualizzata la finestra di dialogo Modifica stile.
Le opzioni nella finestra di dialogo corrispondono a quella del riquadro inferiore della finestra di dialogo Nuovo stile.
Attività
Procedura dettagliata: Modifica del codice HTML di base in Visual Studio per le pagine Web Form
Procedura dettagliata: creazione e modifica di un file CSS
Elementi dell'interfaccia utente
Per ulteriori informazioni sulle opzioni per |
Vedere |
|---|---|
Caratteri |
|
Sfondi |
|
Allineamento testo |
|
Posizione degli elementi su una pagina |
|
Controllo float, overflow, ritaglio |
|
Bordi |
|
Margini e riempimento |
|
Elenchi |
|
Tabelle |