規則
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
說明:
name : 字型名稱
url : 使用絕對或相對位址指定opentype字型
srules : 樣式表定義
設定嵌入html文件的字型。
嵌入html文件的字型是指將opentype字型(壓縮的truetype字型)檔案對映到客戶端系統,用來提供html文件使用該字型,或取代客戶端系統已有的同名字型。
示例: @font-face
@fontdef
語法: @fontdef
說明: url : 使用絕對或相對位址指定嵌入html文件的字型定義檔案
設定嵌入html文件的字型。
示例: @fontdef url("");
@page
語法: @page label pseudo-class
說明:
label : 頁標
pseudo-class : 偽類。:first | :left | :right
srules : 樣式表定義
設定頁面容器的版式,方向,邊空等。
頁面容器包括頁面內容區域和內容區域外圍的邊空補白區域。
示例: @page thin:first
@media
語法: @media smedia
說明:
smedia :
指定裝置名稱。請參閱附錄
:裝置型別
srules : 樣式表定義
指定樣式表規則用於指定的裝置型別。請參閱link物件的media屬性(特性)。
示例:
// 設定顯示器用字型尺寸
@media screen
}
// 設定印表機用字型尺寸
@media print
}
WEB標準學習路程之 CSS 1 什麼是樣式表
什麼是樣式表 css是 cascading style sheet 的縮寫。譯作 層疊樣式表單 是用於 增強 控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。如何將樣式表加入您的網頁 你可以用以下三種方式將樣式表加入您的網頁。而最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣...
WEB標準學習路程之 CSS 13 宣告,單位
important 語法 srule important 說明 srules 樣式表條目 提公升指定樣式規則的應用優先權。示例 div 單位 長度 長度單位 版本 相容性 簡介 相對長度單位 relative length units emcss1 ie4 ns4 相對於當前物件內文字的字型尺寸 e...
前端學習筆記(二) CSS(1)
1 認識css 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局和外觀顯示樣式。css以html為基礎,提供如字型 顏色 背景的控制及整體排版等豐富的功能,同時可以針對不同的瀏覽器設定不同的樣式。2 引入css樣式表 行內式概念 通過標籤的...