Creazione di elementi e gruppi del foglio di stile

Creazione di elementi di stile

Per aprire un foglio di stile, farvi doppio clic sopra nella visualizzazione Fogli di stile della scheda Panoramica oppure passarvi sopra il mouse e fare clic su | Modifica.

Se si ha dimestichezza con CSS e si preferisce creare il codice manualmente, fare clic su Modifica codice fogli di stile per modificare il foglio di stile direttamente con l'editor CSS. Inoltre, per aggiungere regole-at (ad esempio, @media), è necessario modificare direttamente il foglio di stile.

In alternativa:

1. Selezionare il foglio di stile e fare clic su | Inserisci elemento di stile.
2. Immettere il nome dell'elemento di stile:
   • Per ridefinire la formattazione predefinita di un tag HTML specifico, immettere il nome del tag HTML, ad esempio body o h1.
   • Per creare una classe CSS, immettere il nome della classe e assicurarsi di includere un punto prima di essa, ad esempio .classname.
   • Per creare un ID CSS, immettere il nome dell'ID preceduto da #, ad esempio #contentID.
3. Fare clic su Applica.
4. Aggiungere le definizioni di stile eseguendo una delle seguenti operazioni:
   • Impostare le proprietà di stile nell'editor di stile grafico a destra
   • Digitare gli stili CSS nella casella di testo nella sezione Anteprima stile e fare clic su Salva

Quando si modifica la definizione di un elemento di stile selezionato, è possibile verificare il risultato delle proprie modifiche nella sezione Anteprima stile.

Suggerimento

• Perché una classe sia riconosciuta come classe CSS è necessario che il suo nome inizi con un punto.
• Il nome di un ID deve iniziare con # o non viene riconosciuto come ID CSS.
• Utilizzare gli ID se è presente una sola occorrenza per pagina. Una volta utilizzato, l'ID non potrà più essere utilizzato in quella pagina. Utilizzare le classi in presenza di una o più occorrenze per pagina.
• I nomi delle classi e degli ID possono contenere soltanto caratteri alfanumerici, trattini e caratteri di sottolineatura e non possono iniziare con un numero o includere spazi.

Creazione di gruppi di stile

Utilizzare i gruppi per organizzare logicamente il CSS, rendendo più semplice la ricerca e la gestione degli stili.

Quando il foglio di stile è aperto:

1. Selezionare il foglio di stile e fare clic su | Inserisci gruppo di stile.
2. Immettere un nome per il gruppo e fare clic su Applica.
3. Per aggiungere uno stile al gruppo, selezionare il gruppo e fare clic su | Inserisci elemento di stile. Per aggiungere uno stile esistente al gruppo, trascinarlo sull'icona della cartella.

Assegnazione degli elementi di stile

Dopo aver creato gli stili, è possibile assegnarli alle pagine e agli elementi delle pagine del sito.

Per assegnare una classe a una pagina o a un elemento di pagina, selezionarlo ed eseguire una delle seguenti operazioni:

• Digitare il nome della classe nel campo Classe del riquadro Proprietà ().
• Selezionare Classe nel riquadro Stile (), iniziare a digitare il nome e selezionarlo nell'elenco visualizzato.

Per assegnare un ID a una pagina o a un elemento di pagina, eseguire una delle seguenti operazioni:

• Digitare il nome dell'ID nel campo ID del riquadro Proprietà ().
• Selezionare ID nel riquadro Stile () e selezionarlo nell'elenco a discesa.