CSS媒体类型
导读:CSS媒体类型 媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。 媒体类型 一些CSS属性只设计了某些媒体。例如voice-family属性是专为听觉用户代理。其...
CSS媒体类型
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。
媒体类型
一些CSS属性只设计了某些媒体。例如voice-family属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如,font-size属性可用于屏幕和印刷媒体,但有不同的值。屏幕和纸上的文件不同,通常需要一个更大的字体,sans-serif字体比较适合在屏幕上阅读,而serif字体更容易在纸上阅读。
@media规则
@media规则允许在相同样式表为不同媒体设置不同的样式。
在下面的例子告诉我们浏览器屏幕上显示一个14像素的Verdana字体样式。但是如果页面打印,将是10个像素的Times字体。请注意,font-weight在屏幕上和纸上设置为粗体:
实例
@media screen
{
p.test {
font-family:verdana,sans-serif;
font-size:14px;
}
}
@media print
{
p.test {
font-family:times,serif;
font-size:10px;
}
}
@media screen,print
{
p.test {
font-weight:bold;
}
}
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS媒体类型
本文地址: https://pptw.com/jishu/664028.html