如何在CSS中链接外部样式表

时间:2014-04-11 03:01:07

标签: html css

我一直在使用带有内部样式表的html,直到我的朋友告诉我外部css样式表。如何将外部样式表链接到CSS?外部样式表的优点是什么?

3 个答案:

答案 0 :(得分:2)

要链接外部样式表,请将此代码放在头部:

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

使用外部样式表的Benifets是您只需编辑一个文件即可更改网站的外观/样式。使用内部样式表,您需要为每个页面键入代码。

答案 1 :(得分:1)

其他人已经回答了该方法的部分。至于好处:

  • (正如Jabel所述)您可以在每个页面上重复使用相同的CSS(您通常需要为网站执行此操作)。
  • (正如jaydx49所述)你有一个编辑所有CSS的中心位置(例如,更容易更新一个文件而不是50个)
  • 如果您的所有CSS都在一个文件中,并且它在每个页面上使用,则表示浏览器只需下载一次CSS信息,然后可以为每个其他页面缓存它。这使您的网站下载更快。
  • 如果CSS全部放在单独的文件中,那么压缩(缩小)CSS会更容易,这样可以让网站下载速度更快。

答案 2 :(得分:0)

您必须在HTML中添加 <head> 以下一行:

<link rel="stylesheet" type="text/css" href="PATH/TO/YOUR/FILE">

好处是您可以更清晰地了解干净的代码。您可以在所需的所有HTML文件中使用它,如果更改CSS代码,则会影响使用它的所有文件。