cssup-banner.jpg 

媒介類型(Media Types)允許你定義以何種媒介來提交文檔。文檔可以被顯示在顯示器、紙媒介或者聽覺瀏覽器等等。

媒介類型

某些CSS 屬性僅僅被設計為針對某些媒介。比方說"voice-family" 屬性被設計為針對聽覺用戶終端。其他的屬性可被用於不同的媒介。例如，"font-size" 屬性可被用於顯示器以及印刷媒介，但是也許會帶有不同的值。顯示器上面的顯示的文檔通常會需要比紙媒介文檔更大的字號，同時，在顯示器上，sans-serif 字體更易閱讀，而在紙媒介上，serif 字體更易閱讀。

@media規則

@media 規則使你有能力在相同的樣式表中，使用不同的樣式規則來針對不同的媒介。

下面這個例子中的樣式告知瀏覽器在顯示器上顯示14 像素的Verdana 字體。但是假如頁面需要被打印，將使用10 個像素的Times 字體。注意：font-weight 被設置為粗體，不論顯示器還是紙媒介： 

<html>
<head>
<style>
<code>@media screen</code>
{
p.test {font-family:verdana,sans-serif; font-size:14px}
}
<code>@media print</code>
{
p.test {font-family:times,serif; font-size:10px}
}
<code>@media screen,print</code>
{
p.test {font-weight:bold}
}
</style>
</head>
<body>....</body>
</html>

不同的媒介類型

註釋：媒介類型名稱對大小寫不敏感。

媒介類型 描述
all 用於所有的媒介設備。
aural 用於語音和音頻合成器。
braille 用於盲人用點字法觸覺回饋設備。
embossed 用於分頁的盲人用點字法打印機。
handheld 用於小的手持的設備。
print 用於打印機。
projection 用於方案展示，比如幻燈片。
screen 用於電腦顯示器。
tty 用於使用固定密度字母柵格的媒介，比如電傳打字機和終端。
tv 用於電視機類型的設備。
arrow
arrow
    文章標籤
    Code Design code 設計密碼 Design 線上學習 CSS
    全站熱搜

    設計密碼工作室 發表在 痞客邦 留言(0) 人氣()