在HTML文件中添加外部CSS

Question

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

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

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

Answer 1

在你的HEAD中,添加:

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

css文件本身不包含<style>标签.

你不需要那些. (11认同)
当您的页面具有备用样式表(例如高对比度或较大字体)时,标题非常有用:在Firefox中,您可以使用View-> Page Style在样式表之间切换. (6认同)
@Jonno_FTW 这些不是必需的。默认行为足以满足几乎所有常见情况。 (2认同)
"在你的HEAD中,添加......":) (2认同)

Answer 2

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

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

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