Creare o modificare un foglio di stile CSS

I fogli di stile CSS consentono di controllare l'aspetto delle pagine Web. Tramite i CSS è possibile posizionare e impostare con precisione l'aspetto degli elementi in una pagina Web.

Relativamente a una pagina Web, un CSS può essere esterno, interno o in linea e una pagina Web può utilizzare uno o più tipi di CSS contemporaneamente. In generale, gli stili definiti in un CSS in linea hanno la priorità sui CSS interni o esterni e gli stili in un CSS interno hanno la priorità sugli stili in un CSS esterno.

Per saperne di più

Creare un foglio di stile CSS esterno

Creare un foglio di stile CSS interno

Creare un foglio di stile CSS in linea

Creare un foglio di stile CSS esterno

Utilizzare un foglio di stile esterno per applicare gli stili in modo omogeneo su alcune o su tutte le pagine Web di un sito. Definendo gli stili in uno o più fogli di stile esterni e allegandoli alle pagine Web, è possibile assicurare un aspetto omogeneo al sito. Se si decide di modificare uno stile, è sufficiente apportare una modifica al CSS esterno e questa sarà automaticamente applicata a tutte le pagine Web che utilizzano lo stile e il CSS specifici.

Un CSS esterno è contenuto in un file css, ad esempio core.css. La sintassi del CSS esterno è uguale a quella di un CSS interno, ma gli stili definiti in un CSS esterno non sono delimitati dai tag <style>.

Creare un foglio di stile CSS esterno vuoto

  • Scegliere Nuovo dal menu File, quindi scegliere CSS.

    Suggerimento : È inoltre possibile fare clic sulla freccia in basso sul pulsante Nuovo documento Pulsante sulla barra degli strumenti Oggetti comuni o Standard e scegliere CSS.

Creare un nuovo stile e un CSS esterno in un'unica operazione

  1. Scegliere Nuovo stile dal menu Formato.

    Suggerimento : È inoltre possibile scegliere Nuovo stile nel riquadro attività Applica stili o Gestione stili o sulla barra degli strumenti Stile.

  2. Nella finestra di dialogo Nuovo stile, scegliere Nuovo foglio di stile nella casella Definisci in.

Torna all'inizio

Creare un foglio di stile CSS interno

Utilizzare un CSS interno, o incorporato, per definire stili validi esclusivamente per la pagina Web corrente e per ignorare gli stili definiti in un CSS esterno applicato alla pagina Web corrente.

Un CSS interno è contenuto tra i tag <head> di una pagina Web.

Esempio di foglio di stile interno

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

Creare un foglio di stile CSS interno

  1. Aprire la pagina Web che conterrà il CSS.

  2. Scegliere Nuovo stile dal menu Formato.

    Suggerimento : È inoltre possibile scegliere Nuovo stile nel riquadro attività Applica stili o Gestione stili o sulla barra degli strumenti Stile.

  3. Nella finestra di dialogo Nuovo stile, selezionare Pagina corrente nella casella Definisci in.

Torna all'inizio

Creare un foglio di stile CSS in linea

Utilizzare uno stile in linea per applicare le proprietà CSS ai singoli elementi della pagina quando non si desidera riutilizzare lo stile. Uno stile in linea è definito all'interno del tag di inizio di un elemento HTML della pagina Web.

Per ulteriori informazioni sulla creazione di stili, vedere l'articolo Creare e applicare uno stile.

Esempio di foglio di stile in linea

<p style="font-weight: bold; font-style: italic; color: #FF0000">

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.

×