CSS手冊簡編:媒體屬性

來源:互聯網
上載者:User
CSS屬性:
1、媒體(Media)類型
樣式單的一個最重要的特點就是它可以作用於多種媒體,比如頁面、螢幕、電子合成器等等。特定的屬性只能作用於特定的媒體,如"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:適合於所有媒體。
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.