在 @ 规则 CSS

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适用于旅程各个阶段的云产品。 立即开始使用 $200 免费信用额度!

包含外部样式表最常用的方法是在网页的 head 标签内使用 link 标签

<link rel="stylesheet" href="default.css">

这是一种久经考验的方法,并且支持从古老到现代的各种浏览器。 但假设你已经厌倦了古老的东西…… 你不希望你的页面完全无法使用,但你宁愿它看起来完全没有样式,也不愿意看起来破碎和笨拙。 你可以使用 @ 规则来声明你的 CSS,如下所示

<style>@import url(default.css);</style>

这会将旧版浏览器(如 Netscape 4.x)排除在外,并为它们提供一个无样式的页面。 假设你的标记是好的,你应该没问题。

@ 规则适用于其他花哨的功能,但没有哪种功能像这种功能一样具有全球性影响力。 Internet Explorer (IE) 支持使用 @ 规则嵌入外部字体,这是每个设计师都应该垂涎三尺的功能,但 IE 是唯一一个支持这种功能的浏览器,这使得它基本上毫无用处,而实现它将是朝着错误的方向迈出的一步。