English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS (Cascading Style Sheets) viene utilizzato per applicare stili ai tag degli elementi HTML.
HTML utilizza stili
Questo esempio dimostra come utilizzare le informazioni di stile aggiunte alla sezione <head> per formattare l'HTML.
Dimostra come utilizzare l'attributo di stile per creare un link senza sottolineature.
Come utilizzare l'attributo style per creare un link senza sottolineature.
Linkare a una tabella di stile esterna
Questo esempio dimostra come
Un tag linka a una tabella di stile esterna.
CSS è stato utilizzato a partire da HTML 4, è stato introdotto per migliorare la visualizzazione degli elementi HTML.
CSS può essere aggiunto all'HTML nei seguenti modi:
Stile inline - Utilizzo dell'attributo "style" negli elementi HTML
Tabella di stile interna - Utilizzo dell'elemento <style> nella regione <head> del documento HTML per includere CSS
Riferimento esterno - Utilizzo di un file CSS esterno
Il modo migliore è quello di fare riferimento a un file CSS esterno.
Nella guida HTML di questo sito abbiamo utilizzato lo stile CSS inline per illustrare gli esempi, il che semplifica gli esempi e ti permette di editare il codice e eseguire gli esempi online più facilmente.
Puoi navigare attraverso il nostro Corso CSS Per saperne di più sulle conoscenze CSS.
Quando è necessario applicare uno stile speciale a un elemento individuale, si può utilizzare lo stile inline. Il metodo per utilizzare lo stile inline è quello di utilizzare l'attributo di stile nei tag pertinenti. L'attributo di stile può includere qualsiasi attributo CSS. Esempio seguente mostra come cambiare il colore del paragrafo e il margine sinistro.
<p style="color:blu;margin-left:20px;">Questo è un paragrafo.</p>
Per saperne di più sugli stili, visitare Corso CSS.
L'attributo di colore di sfondo (background-color) definisce il colore di sfondo di un elemento:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Guida di base (oldtoolbag.com)</title> </head> <body style="background-color:giallo;"> <h2 style="background-color:red;">Questo è un titolo</h2> <p style="background-color:green;">Questo è un paragrafo.</p> </body> </html>Prova a vedere ‹/
L'attributo di sfondo di versione early (background-color) era definito utilizzando l'attributo bgcolor.
Oggi si utilizzano spesso gli attributi font-family (famiglia di caratteri), color (colore), e font-size (dimensione del carattere) per definire lo stile del testo, invece di utilizzare il tag <font>.
Utilizza l'attributo text-align (allineamento del testo) per specificare il modo di allineamento orizzontale e verticale del testo:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Guida di base (oldtoolbag.com)</title> </head> <body> <h1 style="text-align:center;">Titolo allineato al centro</h1> <p>Questo è un paragrafo.</p> </body> </html>Prova a vedere ‹/›
L'attributo di allineamento del testo text-align ha sostituito l'antico tag <center>.
Quando un singolo file richiede uno stile speciale, puoi utilizzare una tabella di stili interna. Puoi definire una tabella di stili interna utilizzando il tag <style> nella sezione <head>:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>Quando lo stile deve essere applicato a molte pagine, una tabella di stili esterna è la scelta ideale. Utilizzando una tabella di stili esterna, puoi cambiare l'aspetto dell'intero sito modificando un solo file.
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
| Tag | Descrizione |
| <style> | Definire lo stile del testo |
| <link> | Definire l'indirizzo di riferimento delle risorse |
In HTML 4, i tag e gli attributi che definivano lo stile degli elementi HTML sono stati abbandonati. Questi tag non saranno supportati nelle nuove versioni dei tag HTML.
I tag non raccomandati sono: <font>, <center>, <strike>
Proprietà non raccomandate: color e bgcolor.