At-rules分裝不同的CSS規則,應用在特定場合。
Importing
import@規則引用另外的樣式。例如,如果你想添加另外樣式到現在的樣式,可以這樣:
@import url(addonstyles.css);
這很像使用link元素串連CSS到HTML,本質上說有一個內容樣式像下面:
<style type="text/css" media="all">@import url(monkey.css);</style>
這是為了照顧老版本瀏覽器,比如Netscape4不支援@規則所以不能連結樣式表,已經構建好標籤的HTML頁面會失去樣式表提供的功能。
Media types
media@規則應用內容使用特定媒體,比如列印,例如:
| 代碼如下 |
複製代碼 |
@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。
注意:說了這麼多,IE只支援all,screen和print。
Charachter sets 字元設定
charset@規則簡單設定外部樣式裡的編碼。它出現在樣式的最上面例如@charset "ISO-8859-1";
Font faces 字型外觀
font-face@規則用來詳細描述字型,可以在CSS裡嵌入外部字型。
它需要font-family描述符引用字型,它的值可以是字型的名稱或是新命名一個。嵌入一個字型,使用src描述符。其他添加到font-face@規則裡的描述符將影響正在使用的內含字型,例如如果你添加font-weight: bold粗體到@規則,font-family的src只能運用到帶有font-family屬性的選取器裡,而且選取器裡font-weight屬性同樣設定成bold。