CSS 單位
尺寸
單位描述
%百分比
in英寸
cm厘米
mm毫米
em1em等于當(dāng)前的字體尺寸。2em等于當(dāng)前字體尺寸的兩倍饱亿。例如,如果某元素以12pt顯示,那么2em是24pt滩租。在CSS中,em是非常有用的單位利朵,因?yàn)樗梢宰詣?dòng)適應(yīng)用戶所使用的字體律想。
ex一個(gè)ex既是一個(gè)字體的x-height。 (x-height通常是字體尺寸的一半绍弟。)
pt磅 (1 pt 等于 1/72 英寸)
pc12點(diǎn)活字 (1 pc 等于 12 點(diǎn))
px像素 (計(jì)算機(jī)屏幕上的一個(gè)點(diǎn))
顏色
單位描述
(顏色名)顏色名稱 (比如 red)
rgb(x,x,x)RGB 值 (比如 rgb(255,0,0))
rgb(x%, x%, x%)RGB 百分比值 (比如 rgb(100%,0%,0%))
#rrggbb十六進(jìn)制數(shù) (比如 #ff0000)
媒介類型(Media Types)允許你定義以何種媒介來提交文檔技即。文檔可以被顯示在顯示器、紙媒介或者聽覺瀏覽器等等樟遣。
媒介類型
某些 CSS 屬性僅僅被設(shè)計(jì)為針對某些媒介而叼。比方說 "voice-family" 屬性被設(shè)計(jì)為針對聽覺用戶終端身笤。其他的屬性可被用于不同的媒介。例如澈歉,"font-size" 屬性可被用于顯示器以及印刷媒介展鸡,但是也許會(huì)帶有不同的值。顯示器上面的顯示的文檔通常會(huì)需要比紙媒介文檔更大的字號埃难,同時(shí)莹弊,在顯示器上,sans- serif 字體更易閱讀涡尘,而在紙媒介上忍弛,serif 字體更易閱讀。
@media規(guī)則
@media 規(guī)則使你有能力在相同的樣式表中考抄,使用不同的樣式規(guī)則來針對不同的媒介细疚。
下面這個(gè)例子中的樣式告知瀏覽器在顯示器上顯示 14 像素的 Verdana 字體。但是假如頁面需要被打印川梅,將使用 10 個(gè)像素的 Times 字體疯兼。注意: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}}....
不同的媒介類型
注釋:媒介類型名稱對大小寫不敏感贫途。
媒介類型描述
all用于所有的媒介設(shè)備吧彪。
aural用于語音和音頻合成器。
braille用于盲人用點(diǎn)字法觸覺回饋設(shè)備丢早。
embossed用于分頁的盲人用點(diǎn)字法打印機(jī)姨裸。
handheld用于小的手持的設(shè)備。
print用于打印機(jī)怨酝。
projection用于方案展示傀缩,比如幻燈片。
screen用于電腦顯示器农猬。
tty用于使用固定密度字母柵格的媒介赡艰,比如電傳打字機(jī)和終端。
tv用于電視機(jī)類型的設(shè)備盛险。