在HTML文件中添加外部CSS

Question

我知道我可以在我的页面上包含CSS，如下所示：

<style>
.style{
   .. 
}
</style>

如何在HTML页面中添加外部样式表文件？

Answer 1

在你的HEAD中，添加：

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

css文件本身不包含<style>标记。

Answer 2

最简单的方法是在文档HEAD部分添加样式表链接：

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

这样做会降低第一次加载时的性能（因为系统必须请求两个文件而不是一个文件），但会提高后续性能，因为样式表会在缓存中保留一段时间。

Answer 3

来自StackOverflow的页面：

<link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5885"  type="text/css">

我不认为它会提高速度，除非您的网站中的多个网页共享相同的CSS文件（因此浏览器可以缓存它）。否则，创建额外的HTTP连接以检索CSS会受到惩罚。

Answer 4

在html文件的头部添加以下行

<link rel="stylesheet" type="text/css" href="path/to/your/style.css">

然后你可以在style.css中添加样式，比如

.classname{
...
}

还有内联样式表，您可以在html行中添加它，例如

<a style="color:red;" href="#"></a>

Answer 5

您需要在html文件的head部分添加此标记

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