css單位和CSS2 媒介類型總結(jié)

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è)備盛险。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瞄摊,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子苦掘,更是在濱河造成了極大的恐慌换帜,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鹤啡,死亡現(xiàn)場離奇詭異惯驼,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進(jìn)店門祟牲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來隙畜,“玉大人,你說我怎么就攤上這事说贝∫槎瑁” “怎么了?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵乡恕,是天一觀的道長言询。 經(jīng)常有香客問我,道長傲宜,這世上最難降的妖魔是什么运杭? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮函卒,結(jié)果婚禮上辆憔,老公的妹妹穿的比我還像新娘。我一直安慰自己报嵌,他們只是感情好虱咧,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著锚国,像睡著了一般彤钟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上跷叉,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天,我揣著相機(jī)與錄音营搅,去河邊找鬼云挟。 笑死,一個(gè)胖子當(dāng)著我的面吹牛转质,可吹牛的內(nèi)容都是我干的园欣。 我是一名探鬼主播,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼休蟹,長吁一口氣:“原來是場噩夢啊……” “哼沸枯!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起赂弓,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤绑榴,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后盈魁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體翔怎,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了赤套。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片飘痛。...
    茶點(diǎn)故事閱讀 40,675評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖容握,靈堂內(nèi)的尸體忽然破棺而出宣脉,到底是詐尸還是另有隱情,我是刑警寧澤剔氏,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布塑猖,位于F島的核電站,受9級特大地震影響介蛉,放射性物質(zhì)發(fā)生泄漏萌庆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一币旧、第九天 我趴在偏房一處隱蔽的房頂上張望践险。 院中可真熱鬧,春花似錦吹菱、人聲如沸巍虫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽占遥。三九已至,卻和暖如春输瓜,著一層夾襖步出監(jiān)牢的瞬間瓦胎,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工尤揣, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留搔啊,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓北戏,卻偏偏與公主長得像负芋,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子嗜愈,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容

  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,066評論 0 1
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color旧蛾,font,text-align蠕嫁,li...
    wzhiq896閱讀 1,760評論 0 2
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color锨天,font,text-align拌阴,li...
    love2013閱讀 2,316評論 0 11
  • 本文為閱讀《Head First HTML 與 CSS》的css部分的讀書筆記绍绘,方便回顧書上的知識,另一篇為Hea...
    兼續(xù)閱讀 1,832評論 0 17
  • 1.CSS簡介 Cascading Style Sheet 層疊樣式表 主要用來定義頁面中的表現(xiàn),HTML 描述頁...
    hyt222閱讀 837評論 0 0