将外部CSS样式表链接到HTML

时间:2010-01-01 05:43:42

标签: html css

我是HTML / CSS的新手,我想让我的一个HTML文件使用CSS文件。我该怎么办?

3 个答案:

答案 0 :(得分:7)

在HTML文档的<head>标记中添加如下所示的行:

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

答案 1 :(得分:6)

我建议您先浏览w3schools CSS Tutorial

这将指导您定义CSS样式,这是在将样式表添加到HTML后立即出现的样式。

答案 2 :(得分:2)

您可以使用LINK元素的以下属性指定外部样式表:

  • href 的值设置为样式表文件的位置。 href 的值是一个URL。

  • 设置 type 属性的值以指示链接(样式表)资源的语言。这允许用户代理避免为不受支持的样式表语言下载样式表。

  • 指定样式表是持久性的,首选的还是备用的:
  
    
        
  • 要使样式表保持持久,请将rel属性设置为“stylesheet”,并且不要设置title属性。
  •     
  • 要首选样式表,请将rel属性设置为“stylesheet”,并使用title属性命名样式表。
  •     
  • 要指定备用样式表,请将rel属性设置为“备用样式表”,并使用title属性命名样式表。
  •     
  

在此示例中,我们首先指定位于文件mystyle.css中的持久样式表:

<LINK href="path_to_css_file" rel="stylesheet" type="text/css">