當前位置：
首頁 >
037_CSS媒介类型
發布時間：2025/4/17
67
豆豆
生活随笔
收集整理的這篇文章主要介紹了
037_CSS媒介类型
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 媒介類型(Media Types)允許你定義以何種媒介來提交文檔。文檔可以被顯示在顯示器、紙媒介或者聽覺瀏覽器等等。
2. 媒介類型名稱對大小寫不敏感。
3. 媒介類型
3.1. 某些CSS屬性僅僅被設計為針對某些媒介。比方說: "voice-family"屬性被設計為針對聽覺用戶終端。其他的屬性可被用于不同的媒介。例如: "font-size" 屬性可被用于顯示器以及印刷媒介, 但是也許會帶有不同的值。顯示器上面的顯示的文檔通常會需要比紙媒介文檔更大的字號, 同時, 在顯示器上, sans-serif字體更易閱讀, 而在紙媒介上, serif字體更易閱讀。
4. @media規則
4.1. @media規則使你有能力在相同的樣式表中, 使用不同的樣式規則來針對不同的媒介。
4.2. 下面這個例子中的樣式告知瀏覽器在顯示器上顯示14像素的Verdana字體。但是假如頁面需要被打印, 將使用10個像素的Times字體。注意: font-weight被設置為粗體, 不論顯示器還是紙媒介:
<!DOCTYPE html> <html><head><title>CSS媒介類型</title><meta charset="utf-8" /><style type="text/css">@media screen{p {font-family: verdana, sans-serif; font-size: 14px;}}@media print{p {font-family: times, serif; font-size: 10px;}}@media screen, print{p {font-weight: bold;}}</style></head><body><p>1. 媒介類型(Media Types)允許你定義以何種媒介來提交文檔。文檔可以被顯示在顯示器、紙媒介或者聽覺瀏覽器等等。2. 媒介類型名稱對大小寫不敏感。</p></body> </html>5. 不同的媒介類型
總結
以上是生活随笔為你收集整理的037_CSS媒介类型的全部內容，希望文章能夠幫你解決所遇到的問題。
