Stili HTML
L'attributo HTML style
viene utilizzato per aggiungere stili a un elemento, come colore, carattere, dimensione e altro.
Esempio
io sono rosso
Io sono blu
Io sono grande
L'attributo di stile HTML
L'impostazione dello stile di un elemento HTML può essere eseguita con l' style
attributo.
style
L' attributo HTML ha la seguente sintassi:
<tagname
style="property:value;">
La proprietà è una proprietà CSS. Il valore è un valore CSS.
Imparerai di più sui CSS più avanti in questo tutorial.
Colore di sfondo
La proprietà CSS background-color
definisce il colore di sfondo per un elemento HTML.
Esempio
Imposta il colore di sfondo di una pagina su blu polvere:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Esempio
Imposta il colore di sfondo per due diversi elementi:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Colore del testo
La proprietà CSS color
definisce il colore del testo per un elemento HTML:
Esempio
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Caratteri
La proprietà CSS font-family
definisce il carattere da utilizzare per un elemento HTML:
Esempio
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Dimensione del testo
La proprietà CSS font-size
definisce la dimensione del testo per un elemento HTML:
Esempio
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Allineamento del testo
La proprietà CSS text-align
definisce l'allineamento orizzontale del testo per un elemento HTML:
Esempio
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Riassunto capitolo
- Utilizzare l'
style
attributo per lo stile degli elementi HTML - Utilizzare
background-color
per il colore di sfondo - Utilizzare
color
per i colori del testo - Utilizzare
font-family
per i caratteri di testo - Utilizzare
font-size
per le dimensioni del testo - Utilizzare
text-align
per l'allineamento del testo