Ci sono due modi per collegare un CSS ad una pagina web

Uno è tramite il tag < style >, da inserire all'interno del tag del documento, dentro il quale va inserita la clausola @import specificante l'url del CSS, come nell'esempio:

< style >@import url(style.css);< /style >

Al posto della clausola import è possibile specificare il corpo del CSS stesso, imponendo nel tag style il valore dell'attributo type uguale a text/css:

< style type="text/css">...< /style >

L'altro modo per collegare ad una pagina un CSS è quello tramite il tag < link >, sempre da specificare nel tag < head >, con del codice come il seguente:

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

L'attributo type è obbligatorio e per i CSS deve contenere il valore text/css.
L'attributo href indica l'url del foglio di stile.
L'attributo rel può avere valore stylesheet o alternative stylesheet se si vuole specificare un foglio di stile alternativo, che potrà essere scambiato con quello principale tramite vari mezzi (es.JavaScript).

Nel tag < link > è possibile inculdere inoltre l'attributo media per specificare che un determinato CSS va utilizzato solo nel caso in cui il dispositivo che legge la pagina sia di un certo tipo.

Alcuni possibili valori sono:

all Il CSS viene sempre applicato (valore di default)
screen Rappresentazione su schermo: valore standard per i browser
print Il CSS viene applicato quando viene richiesta la stampa della pagina
handheld Per dispositivi portatili come palmari
braille Il CSS viene usato per supporti basati sull'uso del braille

COMMENTI