不同的媒体类别可以用不同的CSS样式表。 舉例來說,在螢幕上的文件可能適用某一個CSS 樣式表,而同一份文件在被列印時,可以用一個不同的CSS 樣式表。举例来说,在萤幕上的文件可能适用某一个CSS样式表,而同一份文件在被列印时,可以用一个不同的CSS样式表。 標出一個CSS 樣式表媒體類別的語法如下:标出一个CSS样式表媒体类别的语法如下:
外部連接套用 外部连接套用
<link rel="stylesheet" href="style.css" type="text/css" media="【媒體類別】"> <link rel="stylesheet" href="style.css" type="text/css" media="【媒体类别】">
嵌入套用 嵌入套用
<style type="text/css" media="【媒體類別】"> <style type="text/css" media="【媒体类别】">
匯入套用 汇入套用
@import url("style.css") 【媒體類別】; @import url("style.css") 【媒体类别】;
【媒體類別】可以有以下的值: 【媒体类别】可以有以下的值:
值 適用於适用于 all 所有媒體類別所有媒体类别 aural 言語合成器言语合成器 braille 布拉耶點字法(盲人用) 媒體布拉耶点字法(盲人用)媒体 handheld 掌上型媒體掌上型媒体 print 列印列印 projection 投射媒體投射媒体 screen 電腦螢幕电脑萤幕 tty 固定字寬(fixed-pitch) 的媒體固定字宽(fixed-pitch)的媒体 tv 電視類的媒體电视类的媒体
外部連接套用 外部连接套用
<link rel="stylesheet" href="style.css" type="text/css" media="【媒體類別】"> <link rel="stylesheet" href="style.css" type="text/css" media="【媒体类别】">
嵌入套用 嵌入套用
<style type="text/css" media="【媒體類別】"> <style type="text/css" media="【媒体类别】">
匯入套用 汇入套用
@import url("style.css") 【媒體類別】; @import url("style.css") 【媒体类别】;
【媒體類別】可以有以下的值: 【媒体类别】可以有以下的值:
值 適用於适用于 all 所有媒體類別所有媒体类别 aural 言語合成器言语合成器 braille 布拉耶點字法(盲人用) 媒體布拉耶点字法(盲人用)媒体 handheld 掌上型媒體掌上型媒体 print 列印列印 projection 投射媒體投射媒体 screen 電腦螢幕电脑萤幕 tty 固定字寬(fixed-pitch) 的媒體固定字宽(fixed-pitch)的媒体 tv 電視類的媒體电视类的媒体