我知道我可以在我的页面上包含CSS,如下所示:
<style>
.style{
..
}
</style>
如何在HTML页面中添加外部样式表文件?
答案 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">