CSS: Le @rules (regole)

Le @rules sono delle regole che servono per inserire i css in un documento XHTML.

Esistono diversi tipi di @rules:

@import collega un foglio di stile esterno al documento

<style type=”text/css”>
@import url(foglio_di_stile.css);
</style>

@media assegna delle regole di stile al documento specificando il supporto al quale il foglio di stile è dedicato

<style type=”text/css”>
@media screen {
h1 {color: #000000;}
p {color: #cccccc;}
}
@media print {
h1 {color: #cccccc;}
p {color: #000000;}
}
</style> 

@charset specifica l’impostazione relativa alla codifica dei caratteri di un documento, così come in XHTML fa il meta-tag

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
@charset "iso-8859-1″ 

@font-face descrivere un font usato nel documento, per esempio quando si usano dei font esterni allegati al documento XHTML oppure linciati dal sito di gole font

@font-face {
font-family: Santiago;
src: url(“http://www.mioserver.it/fonts/santiago.tt”);
}