2010-08-01 66 views
3

我敢肯定,一些你已经看到了以下内容:样式表HTML定义中的media =“”属性是指什么?

<link rel="stylesheet" src="styles.css" media="screen,projection" /> 
<link rel="stylesheet" src="styles.css" media="print" /> 

或任何其他...

但什么是媒体属性实际上呢?我创建了几个网站,并且在链接样式表时从未使用媒体属性。这是一个错误吗?

感谢, 阿米特

回答

11

w3最能解释它。

媒体类型是关于什么媒体将用于查看页面。

如果有人打印页面,则使用print media CSS。这在很多情况下很有用 - 如果您的网站是黑色背景上的白色文字,则print CSS可能相反,因此墨水不会被浪费。

屏幕是你通常会想到的 - 电脑屏幕,大多数人会看到网站。

投影 - 如果您希望在投影网站时使用更大的字体。

+0

明白了,谢谢。你的答案都是正确的,除了这是更具协作性的。我会尽快将其标记为正确的。再次感谢。 – Amit 2010-08-01 19:09:01

+0

@Amit -collaborative?怎么会这样? – Oded 2010-08-01 19:09:45

+0

@Oded - 您描述了每个屏幕/投影/打印的用途(我不知道)。顺便说一句 - 爱你出生在的国家:) – Amit 2010-08-01 19:23:56

5

它定义了样式表的媒体类型。或者给定样式表的应用,如果你愿意的话。

如果您包含media属性为“print”的样式表;该样式表中的规则只会在打印输出时影响页面。如果您将媒体属性设置为“屏幕”;样式表中的规则不会影响页面的打印输出,但会在浏览器中查看时影响页面。

如果将媒体属性定义为“screen,print”;样式表中的规则将影响页面的打印输出以及它在浏览器中的外观。

这里是W3C(定义CSS标准的组织)的a link to the documentation