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("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(): @import "nome_file.css".
<div style="width: 260px; border: 1px solid black; background-color: #DEDEDE;font-family: verdana;font-size: 12px;">
<div style="border: 0px solid black;width: 16px; height: 16px;background-color: #FFCC00;float: right;"> </div>
<div style="padding: 10px;">CONTENUTO</div>
</div>
La casella con testo bordo ed angolino viene visualizzata correttamente da tutti i browser.