新聞中心
CSS 媒體類(lèi)型
媒體類(lèi)型允許你指定文件將如何在不同媒體呈現(xiàn)。該文件可以以不同的方式顯示在屏幕上,在紙張上,或聽(tīng)覺(jué)瀏覽器等等。

創(chuàng)新互聯(lián)建站專(zhuān)注于企業(yè)全網(wǎng)整合營(yíng)銷(xiāo)推廣、網(wǎng)站重做改版、沂南網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、商城網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性?xún)r(jià)比高,為沂南等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
媒體類(lèi)型
某些 CSS 屬性?xún)H僅被設(shè)計(jì)為針對(duì)某些媒介。比方說(shuō) voice-family 屬性被設(shè)計(jì)為針對(duì)聽(tīng)覺(jué)用戶(hù)終端。其他一些屬性可用于不同的媒體類(lèi)型。例如,font-size屬性可用于屏幕和印刷媒體,但有不同的值。屏幕和紙上的文件不同,通常需要一個(gè)更大的字體,sans - serif字體比較適合在屏幕上閱讀,而 serif 字體更容易在紙上閱讀。
@media 規(guī)則
@media 規(guī)則允許在相同樣式表為不同媒體設(shè)置不同的樣式。
在下面的例子告訴我們?yōu)g覽器屏幕上顯示一個(gè)14像素的 Verdana 字體樣式。但是如果頁(yè)面打印,將是10個(gè)像素的 Times 字體。請(qǐng)注意,font-weight在屏幕上和紙上設(shè)置為粗體:
@media screen
{ p.test {font-family:verdana,sans-serif;font-size:14px; } }
@media print
{ p.test {font-family:times,serif;font-size:10px;} }
@media screen,print
{ p.test {font-weight:bold;}}
你可以自己嘗試看看 ! 如果您使用的是 Mozilla / Firefox 或 IE5+打印此頁(yè),你會(huì)看到,Media Types將使用另一種比其他文本字體大小小點(diǎn)的字體顯示。
提示:有關(guān) @media 規(guī)則的更多信息,請(qǐng)參考CSS參考手冊(cè)的CSS @media 查詢(xún)部分。
其他媒體類(lèi)型
注意:媒體類(lèi)型名稱(chēng)不區(qū)分大小寫(xiě)。
| 媒體類(lèi)型 | 描述 |
|---|---|
| all | 用于所有的媒體設(shè)備。 |
| aural | 用于語(yǔ)音和音頻合成器。 |
| braille | 用于盲人用點(diǎn)字法觸覺(jué)回饋設(shè)備。 |
| embossed | 用于分頁(yè)的盲人用點(diǎn)字法打印機(jī)。 |
| handheld | 用于小的手持的設(shè)備。 |
| 用于打印機(jī)。 | |
| projection | 用于方案展示,比如幻燈片。 |
| screen | 用于電腦顯示器。 |
| tty | 用于使用固定密度字母柵格的媒體,比如電傳打字機(jī)和終端。 |
| tv | 用于電視機(jī)類(lèi)型的設(shè)備。 |
擴(kuò)展閱讀
CSS3教程:CSS3 多媒體查詢(xún)
網(wǎng)頁(yè)題目:創(chuàng)新互聯(lián)CSS教程:CSS媒體類(lèi)型
文章轉(zhuǎn)載:http://www.5511xx.com/article/cohjjis.html


咨詢(xún)
建站咨詢(xún)
