指定css实用的媒介
日期：2014-05-17 浏览次数：20690 次
指定css适用的媒介
媒介如电脑显示或者印刷品或者其他终端等，css可以根据不同的媒介改变样式。
?
<html> <head> <style>@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} } </style> </head> <body>....</body> </html>
@media 规则使你有能力在相同的样式表中，使用不同的样式规则来针对不同的媒介。
下面这个例子中的样式告知浏览器在显示器上显示 14 像素的 Verdana 字体。但是假如页面需要被打印，将使用 10 个像素的 Times 字体。注意：font-weight 被设置为粗体，不论显示器还是纸媒介。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
