WEB標準學習路程之”CSS”：12.規則

 

規則

At-Rules 樣式表規則		CSS Version 版本		Compatibility 相容性		Description 簡介
@import		CSS1		IE4+		指定匯入的外部樣式表及目標媒體。該規則必須在樣式表頭部最先聲明
	@charset		CSS2		IE4+		在外部樣式表檔案內使用。指定該樣式表使用的字元集。請參閱附錄：字元集
	@font-face		CSS2		IE4+		設定嵌入HTML文檔的OpenType字型
	@fontdef		NS專有規則		NS4+		設定嵌入HTML文檔的字型
	@media		CSS2		IE5+		指定樣式表規則用於指定的媒體類型
	@page		CSS2		IE5.5+		設定頁面容器的版式，方向，邊空等

@import

 

文法： @import url (url) sMedia ;

 

說明： 

url : 　使用絕對或相對位址指定匯入的外部樣式表檔案。請參閱link對象

sMedia : 　指定裝置類型。請參閱附錄：裝置類型。目前IE5.5尚不支援此屬性

 

指定匯入的外部樣式表及目標裝置類型。

該規則必須在樣式表頭部最先聲明。並且其後的分號是必需的，如果省略了此分號，外部樣式表將無法正確匯入，並會建置錯誤資訊。

用此規則匯入的樣式表，其owningElement特性是一個link對象或style對象。請參閱我的其他著作。

匯入的外部樣式表中的定義將被文當中的同名定義覆蓋。

 

樣本： 

@import url("foo.css") screen, print;

@import "print.css"

@charset

文法： @charset sCharacterSet

 

說明： 

sCharacterSet : 　字元集名稱

 

在外部樣式表檔案內使用。指定該樣式表使用的字元集。請參閱附錄：字元集。

在外部樣式表檔案內，此規則只允許發生一次。且必須在樣式表的最前面。

對於內部樣式表來說，其字元集由HTML文檔的字元集指定。請參閱meta對象的content屬性（特性）。

 

樣本： @charset "Shift-JIS";

 

@font-face

文法： @font-face { font-family : name ; src : url( url ) ; sRules }

 

說明： 

name : 　字型名稱

url : 　使用絕對或相對位址指定OpenType字型

sRules : 　樣式表定義

 

設定嵌入HTML文檔的字型。

嵌入HTML文檔的字型是指將OpenType字型（壓縮的TrueType字型）檔案對應到用戶端系統，用來提供HTML文檔使用該字型，或取代用戶端系統已有的同名字型。

 

樣本： @font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example.com/font.eot); }

 

@fontdef

文法： @fontdef { url( url ) }

 

說明： url : 　使用絕對或相對位址指定嵌入HTML文檔的字型定義檔案 

設定嵌入HTML文檔的字型。

 

樣本： @fontdef url("http://www.example.com/sample.pfr");

 

@page

文法： @page label pseudo-class { sRules }

 

說明： 

label : 　頁標

pseudo-class : 　偽類。:first | :left | :right

sRules : 　樣式表定義

 

設定頁面容器的版式，方向，邊空等。

頁面容器包括頁面內容地區和內容地區外圍的邊空補白地區。

 

樣本： @page thin:first { size: 3in 8in }

 

@media

文法： @media sMedia { sRules }

 

說明： 

sMedia : 　指定裝置名稱。請參閱附錄：裝置類型

sRules : 　樣式表定義

 

指定樣式表規則用於指定的裝置類型。請參閱link對象的media屬性（特性）。

 

樣本：

 // 設定顯示器用字型尺寸

@media screen {

BODY {font-size:12pt; }

}

 

// 設定印表機用字型尺寸

@media print {

@import "print.css"

BODY {font-size:8pt;}

}