Question

根据我的目的，我看到包含css的不同方式。

实施例

<link rel="stylesheet" type="text/css" media="screen, projection" href=""/>
<link rel="stylesheet" type="text/css" media="all"                href=""/>
<link rel="stylesheet" type="text/css" media="screen"             href=""/>
<link rel="stylesheet"                                            href=""/>

他们都这样做吗？

其中一个是正确的方法吗？

Answer 1

一切都是正确的。 type属性不是必需的 - 它只是浏览器的提示，但可以省略。 media属性告诉浏览器何时应该使用CSS文件。例如，如果指定media="print"，则仅在打印页面时使用CSS文件（例如，尝试打印维基百科页面）。

通常这种变体在大多数情况下都很好：

<link rel="stylesheet" type="text/css" href="..."/>

Answer 2

至少您需要rel和href属性。经常使用type属性，但不是必需的。

media属性用于定位特定设备。

例如：

<link href="print.css" rel="stylesheet" type="text/css" media="print" />

告诉浏览器仅在用户尝试打印网页时才应用print.css文件。

Answer 3

它们都是正确的语法。

也许这会对您有所帮助：css media

将根据媒体标签

选择css

所有的

适用于所有设备。
盲文

用于盲文触觉反馈装置。
压花

适用于分页盲文打印机。
手持

适用于手持设备（通常是小屏幕，带宽有限）。
打印

用于分页材料和在打印预览模式下在屏幕上查看的文档。有关页面媒体特定格式问题的信息，请参阅分页媒体部分。
投影

用于投影演示，例如投影仪。有关页面媒体特定格式问题的信息，请参阅分页媒体部分。
屏幕

主要用于彩色电脑屏幕。
语音

用于语音合成器。注意：为此，CSS2有一个类似的媒体类型叫做“aural”。有关详细信息，请参阅听觉样式表的附录。
TTY

用于使用固定间距字符网格的媒体（例如电视类型，终端或具有有限显示功能的便携式设备）。作者不应使用具有“tty”媒体类型的像素单元。
TV

适用于电视类设备（低分辨率，彩色，可滚动屏幕，声音可用）。

Answer 4

恕我直言，第4个是最不好的，因为它没有声明样式表文件类型，尽管它是可选的。

<link rel="stylesheet" type="text/css" media="screen, projection" href=""/>
<link rel="stylesheet" type="text/css" media="all"                href=""/>
<link rel="stylesheet" type="text/css" media="screen"             href=""/>

这三个在媒体上有所不同，你可能已经注意到了。媒体告诉应该应用样式表的媒体。请参阅CSS 2标准的7 (Media Types)部分。

我个人更喜欢这种方式：

<style type="text/css">
  @import url("import1.css");
  @import url "import2.css";
</style>

有关@import的更多信息，请查看about.com的this article。

Answer 5

Media attribuute指定何时加载css文件

它应该适用于所有主流浏览器

媒体属性的

有效值

屏幕 - 计算机屏幕（默认为此）
tty - 使用固定间距字符网格的电讯和类似媒体
tv - 电视类型设备（低分辨率，有限滚动功能）
投影 - 投影仪
掌上电脑 - 手持设备（小屏幕，带宽有限）
打印 - 打印预览模式/打印页面
盲文 - 盲文反馈设备
aural - 语音合成器
全部 - 适用于所有设备

reference w3 schools

Answer 6

<LINK href="special.css" rel="stylesheet" type="text/css">

参考： http://www.w3.org/TR/html40/present/styles.html

包含css文件的语法是否正确？

6 个答案: