link标签介绍

  Link标签就是本文的主角：<link rel="stylesheet" type="text/css" href="csspath.css" title="default">

 

   上面的代码是将一个单独独立的CSS文件(caapath.css)引入到当前HTML文档的内部，虽说这些单独的样式并不是HTML文档的一部分，但仍然被当做外部样式表使用。他们对于HTML文档来说是外部的。

 

   link标签必须放在head元素标签里，而不能放在任何其他元素里，即使是title或style这样的运算标签内也不行。这样，网络浏览器就能定位和载入样式表，而且用它所包含的所有样式规则作用于HTML文档。

 

   接下来介绍独立css文件的格式，其实很简单，因为它并没有什么特别的格式，只是css本身的格式。我们看下面的样式表：

 

   h1{ color:red; }

 

   h2{ color:blue; }

 

   h3{ color:green; }

 

   是不是很简单，没有HTML内部的style标签，也没有任何HTML标签，只是CSS本身的格式。就是这么简单的一个文件，如果多个网页共享的话，它的功能是无比的强大，顺便说下扩展名为.css。

 

   文件的扩展名其实并不是必须的，但是我推荐大家讲扩展名写上，这也是比较规则的。下面看可能link的属性都代表着什么意思：

 

   rel：是关联的意思，这里就是指关联样式表。type总是设置成text/css，这个值描述了使用link标签载入的数据类型是文本css。这样，浏览器就知道这是一个层叠样式表。实际上这也就决定了浏览器怎样处理所载入的数据。毕竟，将来或许还会有其他的样式语言。因此type的类型就显得很重要了。

 

   href：这个属性的值表示样式表的URL。这个URL可以是绝对路径，也可以是相对的。当然，在上面的代码中的URL是相对的。也可以是http://www.gootry.com/css/style.css这样的URL。

 

   title：这个属性不常用，如果只有一个link标签就显得无关紧要。要是不只一个link标签时他就显得很重要了，如果有两个link标签载入两个不同的css样式文件，这时浏览器会将这两个样式表的样式组合之后再作用于文档。这样的效果是我们不能接受的。不过不要紧，对于一个网站来说，一个完整的CSS样式文件是可以完成对网页效果的控制。