CSS 四十一 CSS2 媒介型別

2021-10-24 12:35:45 字數 845 閱讀 8770

媒介型別(media types)允許你定義以何種媒介來提交文件。文件可以被顯示在顯示器、紙媒介或者聽覺瀏覽器等等。

某些 css 屬性僅僅被設計為針對某些媒介。比方說 "voice-family" 屬性被設計為針對聽覺使用者終端。其他的屬性可被用於不同的媒介。例如,"font-size" 屬性可被用於顯示器以及印刷媒介,但是也許會帶有不同的值。顯示器上面的顯示的文件通常會需要比紙媒介文件更大的字型大小,同時,在顯示器上,sans-serif 字型更易閱讀,而在紙媒介上,serif 字型更易閱讀。

@media 規則使你有能力在相同的樣式表中,使用不同的樣式規則來針對不同的媒介。

下面這個例子中的樣式告知瀏覽器在顯示器上顯示 14 畫素的 verdana 字型。但是假如頁面需要被列印,將使用 10 個畫素的 times 字型。注意:font-weight 被設定為粗體,不論顯示器還是紙媒介:

....

注釋:媒介型別名稱對大小寫不敏感。

媒介型別

描述all

用於所有的媒介裝置。

aural

用於語音和音訊合成器。

braille

用於盲人用點字法觸覺回饋裝置。

embossed

用於分頁的盲人用點字法印表機。

handheld

用於小的手持的裝置。

print

用於印表機。

projection

用於方案展示,比如幻燈片。

screen

用於電腦顯示器。

tty用於使用固定密度字母柵格的媒介,比如電傳打字機和終端。

tv用於電視機型別的裝置。

八 CSS媒介型別

媒介型別 媒介型別 media types 允許你定義以何種媒介來提交文件。文件可以被顯示在顯示器 紙媒介或者聽覺瀏覽器等等。媒介型別 某些 css 屬性僅僅被設計為針對某些媒介。比方說 voice family 屬性被設計為針對聽覺使用者終端。其他的屬性可被用於不同的媒介。例如,font size...

CSS 2 理解CSS浮動

一 概述 1.為什麼需要使用浮動 在標準流中,所有的塊級元素都獨佔一行。為了讓多個塊級元素可以在同一行上顯示,需要使用浮動或定位 2.語法 float none left right 3.浮動的特點 1 讓元素脫離標準流,漂浮在標準流之上。半脫標 注意 浮動元素並沒有脫離標準流中的文字流,即標準流中...

CSS 2 學習css的思路

開題不必太嚴肅,寫部落格也不像寫書,像聊天似的寫東西是最好的表達方式。記得之前看過乙個段子,也可能是一件真事兒,這不重要。大體內容如下 乙個香港的教授說 我們香港的大學和大陸的大學差的很遠啊,大陸的大學連看門保安都懂得哲學,因為當你想要進入校園時,保安都會問你乙個很哲學的問題 你是誰,你從 來,你到...