在HTML文件中添加外部CSS

时间:2009-12-22 17:22:02

标签: html css

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

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

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

5 个答案:

答案 0 :(得分:56)

在你的HEAD中,添加:

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

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

答案 1 :(得分:19)

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

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

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

答案 2 :(得分:2)

来自StackOverflow的页面:

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

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

答案 3 :(得分:1)

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

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

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

.classname{
...
}

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

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

答案 4 :(得分:0)

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

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