HTML CSS

Utilizzando HTML4.0, tutti i codici di formattazione possono essere rimossi dal documento HTML e poi inseriti in una tabella di stili indipendente.

Esempio

Stili nell'HTML
Questo esempio dimostra come utilizzare le informazioni di stile aggiunte alla sezione <head> per formattare l'HTML.
Link senza sottolineature
Questo esempio dimostra come utilizzare le proprietà di stile per creare un link senza sottolineature.
Collegamento a una tabella di stili esterna
Questo esempio dimostra come collegare un tag <link> a una tabella di stili esterna.

Come utilizzare lo stile

Quando il browser legge una tabella di stili, formatta il documento secondo questa tabella. Ci sono tre modi per inserire una tabella di stili:

Tabella di stili esterna

Quando lo stile deve essere applicato a molte pagine, la tabella di stili esterna è la scelta ideale. Utilizzando una tabella di stili esterna, puoi cambiare l'aspetto dell'intero sito modificando un file.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

StyleSheet interno

Quando un singolo file necessita di uno stile speciale, si può utilizzare uno stylesheet interno. Puoi definire uno stylesheet interno nella sezione head utilizzando il tag <style>.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Stile inline

Quando uno stile speciale deve essere applicato a un singolo elemento, 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ò contenere qualsiasi proprietà CSS. Esempio seguente mostra come cambiare il colore del paragrafo e il margine sinistro.

<p style="color: red; margin-left: 20px">
Questo è un paragrafo
</p>

Visita il nostro Tutorial CSSper imparare di più sulle stili.

Tag Descrizione
<style> Definire una definizione di stile.
<link> Definire una risorsa di riferimento.
<div> Definire un paragrafo o area (bloccante) nel documento.
<span> Definire un piccolo blocco o area inline nel documento.
<font> Definire il font, la dimensione del font e il colore del testo. Non raccomandato. Utilizzare lo stile.
<basefont> Definire il font di base. Non raccomandato. Utilizzare lo stile.
<center> Centra il testo orizzontalmente. Non raccomandato. Utilizzare lo stile.