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

2021-09-05 19:13:20 字數 2576 閱讀 9217

規則

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樣式表 行內式概念 通過標籤的...