CSS教程:css屬性之媒體（Media）類型

2024-07-11 08:43:33

字體：大中小

供稿：網(wǎng)友

樣式單的一個(gè)最重要的特點(diǎn)就是它可以作用于多種媒體，比如頁面、屏幕、電子合成器等等。特定的屬性只能作用于特定的媒體，如"font-size"屬性只對(duì)可卷動(dòng)的媒體類型有效（屏幕）。
聲明一個(gè)媒體屬性可以用@import或@media引入：
@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
}
也可以在文檔標(biāo)記中引入媒體：
<link rel="stylesheet" type="text/css" media="print" href="foo.css">
可以看出，@import和@media的區(qū)別在于，前者引入外部的樣式單用于媒體類型，后者直接引入媒體屬性。@import的使用方法是@import加樣式單文件的URL地址再加媒體類型，可以多個(gè)媒體共用一個(gè)樣式單，媒體類型之間用"，"分割符分開。@media用法則是把媒體類型放在前面，其他規(guī)則和rule-set基本一樣。下面列出各種媒體類型：
SCREEN：指計(jì)算機(jī)屏幕。
PRINT：指用于打印機(jī)的不透明介質(zhì)。
PROJECTION：指用于顯示的項(xiàng)目。
BRAILLE：盲文系統(tǒng)，指有觸覺效果的印刷品。
AURAL：指語音電子合成器。
TV：指電視類型的媒體。
HANDHELD：指手持式顯示設(shè)備（小屏幕，單色）
ALL：適合于所有媒體。

上一篇：基本的頁面設(shè)計(jì)元素布局比例

下一篇：CSS模塊化設(shè)計(jì)――從空格談起