閱讀(7k) 書簽贊(3) 我要糾錯

CSS 媒體類型

2018-10-31 11:48 更新

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

語法

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

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

media-query由媒體類型和/或多個媒體特征組成。

媒體類型

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

例子

以下代碼顯示如何使用媒體類型。

<!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)容是否對您有幫助：

← CSS 偽類

CSS3 邊框 →

寫筆記

我要補充

CSS 媒體類型

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

語法

媒體類型

例子

推薦文章

推薦教程

推薦課程

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