HTML and CSS Reference
In-Depth Information
Per convenzione, i file CSS vengono serviti all'interno di un file dotato di questa estensione
(.css) e content type
"text/css"
, referenziando il percorso all'interno del documento,
come
nell'esempio 4.1
.
Esempio 4.1
<!DOCTYPE html>
<html>
<head>
<link rel="
stylesheet
"
href="style.css"
type="text/css"
media="screen" />
</head>
<body>
...
</body>
</html>
Dobbiamo notare che ciascun attributo riveste un ruolo fondamentale:
rel
: indica che il tag si riferisce a un foglio di stile;
href
: punta al file, con un percorso assoluto o relativo;
type
: indica il content type del documento, che, come detto, è
text/css
. In
HTML5 è comunque considerato superfluo, ma si tiene per compatibilità;
media
: può assumere diversi valori, che indicano cosa serve il CSS; in questo caso,
è specifico per la visualizzazione su schermo.
L'attributo
media
riveste un ruolo molto importante, perché consente di specificare CSS
specifici per i vari aspetti. I valori al suo interno possono essere anche separati da una vir-
gola, qualora con un dato CSS volessimo essere in grado di gestire più tipologie di browser.
Anche se è possibile specificare diverse tipologie di valori per l'attributo
media
, all'atto
pratico gli unici valori utilizzati sono
all
,
screen
(browser con schermo) e
print
(per
la stampa).
