DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css屬性之媒體(Media)類型
css屬性之媒體(Media)類型
編輯:CSS詳解     

樣式單的一個最重要的特點就是它可以作用於多種媒體,比如頁面、屏幕、電子合成器等等。特定的屬性只能作用於特定的媒體,如"font-size"屬性只對可卷動的媒體類型有效(屏幕)。

聲明一個媒體屬性可以用@import或@media引入:

@import url(loudvoice.CSS) speech;
@media print {
/* style sheet for print goes here */
}

也可以在文檔標記中引入媒體:

<link rel="stylesheet" type="text/css" media="print" href="foo.CSS">

可以看出,@import和@media的區別在於,前者引入外部的樣式單用於媒體類型,後者直接引入媒體屬性。@import的使用方法是@import加樣式單文件的URL地址再加媒體類型,可以多個媒體共用一個樣式單,媒體類型之間用","分割符分開。@media用法則是把媒體類型放在前面,其他規則和rule-set基本一樣。下面列出各種媒體類型:

SCREEN:指計算機屏幕。
PRINT:指用於打印機的不透明介質。
PROJECTION:指用於顯示的項目。
BRAILLE:盲文系統,指有觸覺效果的印刷品。
AURAL:指語音電子合成器。
TV:指電視類型的媒體。
HANDHELD:指手持式顯示設備(小屏幕,單色)
ALL:適合於所有媒體。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved