您的位置:看字典 > css媒体类型有哪些 CSS 媒体类型

css媒体类型有哪些 CSS 媒体类型

2023-03-22 14:58 CSS教程

css媒体类型有哪些 CSS 媒体类型

css媒体类型有哪些 CSS 媒体类型

css媒体类型有哪些

@media CSS规则关联一组嵌套语句。

语法

以下代码显示如何使用CSS @media规则。

@media <media-query> { 
    
}

media-query
由媒体类型和/或多个媒体特征组成。


媒体类型

  • all - 适用于所有设备。
  • print - 在打印预览模式下在屏幕上查看。
  • 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>



阅读全文
以上是看字典为你收集整理的css媒体类型有哪些 CSS 媒体类型全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 看字典 kanzidian.com 版权所有 联系我们
桂ICP备12005667号-35 Powered by CMS