閱讀(7.1k) 書(shū)簽贊(3) 我要糾錯(cuò)

CSS 媒體類(lèi)型

2018-10-31 11:48 更新

`@media` CSS規(guī)則關(guān)聯(lián)一組嵌套語(yǔ)句。

語(yǔ)法

以下代碼顯示如何使用CSS @media規(guī)則。

@media <media-query> { 
   /* media-specific rules */ 
}

media-query由媒體類(lèi)型和/或多個(gè)媒體特征組成。

媒體類(lèi)型

all - 適用于所有設(shè)備。
print - 在打印預(yù)覽模式下在屏幕上查看。
screen - 彩色電腦屏幕。
speech - 用于語(yǔ)音合成器。

例子

以下代碼顯示如何使用媒體類(lèi)型。

<!DOCTYPE html>
<html>
<head>
<style>
@media screen {
    h2 {
        font-family: verdana,sans-serif;
        font-size: 14px;
    }
}

@media print {
    h2 {
        font-size: 20px;
        color: red;
    }
}
</style>
</head>
<body>

<h2>The @media Rule</h2>

</body>
</html>

以上內(nèi)容是否對(duì)您有幫助：

← CSS 偽類(lèi)

CSS3 邊框 →

寫(xiě)筆記

我要補(bǔ)充

CSS 媒體類(lèi)型

@media CSS規(guī)則關(guān)聯(lián)一組嵌套語(yǔ)句。

語(yǔ)法

媒體類(lèi)型

例子

推薦文章

推薦教程

推薦課程

`@media` CSS規(guī)則關(guān)聯(lián)一組嵌套語(yǔ)句。