Per collegare alla pagina HTML il file esterno CSS si utilizza la funzione:
<link href="css/layout.css" rel="stylesheet" type="text/css">
Si potrebbe utilizzare anche la funzione: @import
<style type="text/css">
@import url("http://www.nomedomain.com/nome_file.css");
</style>
<style type="text/css">
@import url("nome_file_stampa.css") print;
@import url("nome_file_schermo.css") screen, handheld;
</style>
per definire all’interno della direttiva @import anche il supporto cui applicare il CSS.
Si potrebbe anche aggiungere:
@charset "iso-8859-1"
per specificare l’impostazione relativa alla codifica dei caratteri di un documento.
Queste funzioni di @ però non vengono interpretate correttamente da Netscape Navigator 4.x, per cui è consigliabile il non utilizzo della stessa.
In CSS2 è stato aggiunto l’utilizzo del carattere " e la possibilità di importare il file anche senza scrivere url().
Scrivere:
@import "http://www.nomedomain.com/nome_file.css"
è uguale a scrivere:
@import url("http://www.nomedomain.com/nome_file.css")
Inoltre è stato aggiunto che può essere notato anche il formato del foglio di stile da importare. Con formato si intende il tipo di dispositivo in cui viene elaborato. Così si può definire che un determinato foglio di stile venga utilizzato per la stampa della pagina ed un altro per la visione su di un dispositivo portatile.
@import url ("pda.css") handheld;
@import url ("speak.css") aural;
@import url ("print.css") print;
Nel caso non venga specificato il tipo di dispositivo vale automaticamente "all".
Articoli correlati: