如何在HTML中引用多个CSS文件？

Question

我有一个homepage.html文件，它引用了styles.css文件(制作表格)。但我还想让homepage.html文件引用styles12.css文件，因为在styles12.css文件中，我有标签页的CSS样式。

如何引用两个.css文件？

<title>Testing Css/HTML files</title>
<link rel="stylesheet" type="text/css" href="style.css" />

我可以只创建另一个<link rel="stylesheet" type="text/css" href="style12.css" />吗？

- ggfan

Answer 1

是的，只需像您提到的那样添加第二个比特：

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

- ChristopheD

---

对我没有用， 我需要自己的CSS文件加上Bootstrap。 - thestruggleisreal

Answer 2

你也可以在其他样式表中使用@import。

@import url("site.css");

- Hugh

---

我不建议使用@import。1）旧版浏览器无法理解它，2）@import规则可能导致资源在IE中未按指定顺序下载（当您有3个或更多时）（请注意，IE内置了31的限制（无论哪种方式））。 - scunliffe

Answer 3

是的，只需使用多个链接元素即可。

需要注意的是，这种方法不够高效，通常最好将所有样式表合并成一个文件。

- Quentin

---

你有这方面的参考资料吗？ - Nicole

http://developer.yahoo.com/performance/rules.html / http://code.google.com/speed/page-speed/docs/rtt.html#CombineExternalCSShttp://developer.yahoo.com/performance/rules.html / http://code.google.com/speed/page-speed/docs/rtt.html#CombineExternalCSS - Quentin

服务器需要启动、打开和传输多个文件。这样做会有一些额外的开销。现在浏览器使用保持连接的方式，因此多个文件可以通过一个网络连接发送。最初，HTTP请求只获取一个文件，因此您需要为每个文件建立连接的开销。在HTTP 1.0时代，多个文件产生了大量（相对而言）的开销。HTTP 1.1和保持连接大大减少了这种开销，但并没有完全消除。 - Erik Nedwidek

Answer 4

是的，规则的优先顺序将遵循基本的CSS优先级规则，如果后面的规则指定了相同的属性，则后面的规则将覆盖前面的规则。

您可能想阅读有关特异性的文章。

- Stefan Kendall

Answer 5

你能不能只是做这个：

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

这个方法适用于每个网页链接超过1个CSS页面吗？

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

- Darren Murray