@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>
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/shili/s53255.shtml