样式表HTML定义中的media =""属性是指什么？

Question

我相信你们中有些人见过以下内容:

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

或者其他什么......

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

谢谢,阿米特

Answer 1

w3可以解释得最好.

媒体类型是关于用于查看页面的媒体.

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

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

投影 - 如果您想在投影网站时使用更大的字体.

Answer 2

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

如果您将包含media属性的样式表包含在"print"中; 该样式表中的规则只会在打印出来时影响页面.如果将media属性设置为"screen"; 样式表中的规则不会影响页面的打印输出,但会在浏览器中查看时影响页面.

如果将media属性定义为"screen,print"; 样式表中的规则将影响页面的打印输出以及它在浏览器中的显示方式.

这是W3C(定义CSS标准的组织)文档的链接.