@media 规则使你有能力在相同的样式表中

@media规定

@media 规定使你有才力在近似的名目表中，使用分歧的格式规定来针对一致的序文。

上面这个例子中的花式见知涉猎器在浮现器上表现 14 像素的 Verdana 字体。然则如果页面需求被打印，将应用 10 个像素的 Times 字体。寄望：font-weight 被设置为粗体，岂论体现器照样纸叙文：

<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>

必备CSS教程Essential CSS Tutorials

必备HTML基础教程Essential HTML Tutorials