CSS進階教程 @規則

at（@）規則把CSS規則都注入了一個壓縮膠囊中，並且應用到指定的某些事物中。喔。
匯入
匯入import at規則將吞入另外的樣式表。比如，如果你需要把另外的樣式表的樣式添加到現有的，你可以這樣做：
@import url(addonstyles.css); 
這經常用來取代串連CSS到HTML中的<link>標籤，本質上就是一個內部樣式表的形式，看起來像這樣：
<style type="text/css" media="all">@import url(monkey.css);</style> 
這樣做的好處是，一些老瀏覽器如Netscape 4.x不接受at規則，進而不串連樣式表，從而，如果你有良好結構的標記，只剩下樸素功能的HTML（儘管沒有樣式）。
媒體類型
媒體media at規則將把內容應用到指定的媒體，比如列印。比如
@media print { 
body { font-size: 10pt; font-family: times new roman, times, serif; } 
#navigation { display: none; } 
} 
媒體類型可以是：
all──每一個太陽下、上、周圍、裡面的所有媒體類型。
aural──語音合成器。
handheld──手持功能。
print──印表機。
projection──投影儀。
screen──電腦螢幕。
還可以使用braille（布萊葉點字）、embossed（壓印）、tty（終端）和tv（電視）。
字元集
字元集charset at規則設定一個外部樣式的字元編碼，它應該出現在樣式的頂端，大致如此：@charset "ISO-8859-1";
字型外觀
字型外觀font-face at規則用來詳細描述一個能嵌入CSS的外部字型。
它必須一個font-family的字型可以參考的描述符，值可以是系統已經存在的字型名稱（這種情況發生時會覆蓋掉該字型），也可以是全新的名字。為了嵌入一個字型，需用使用src描述符。字型外觀at規則的其他描述符是使用該字型的一些條件，比如，在at規則裡面增加一條font-weight: bold樣式，如果font-weight屬性也設定了bold，font-family的src將應用該規則到帶有font-family屬性的選擇符。
使用字型外形at規則看起來像這樣：
@font-face { 
font-family: somerandomfontname; src: url(somefont.eot); 
font-weight: bold; 
}