CSS入门教程:CSS外部引用的方法

网络整理 - 07-27

CSS入门教程,本文介绍一下CSS的外部引用,这样做的好处是只要定义好CSS样式,以后就可以在做网页的时候直接调用,如果要修改样式只用修改这个样式文件即可,每页也少了不少代码,非常方便。
第一种方法,使用@import引用CSS样式文件示例
<head>
  <style type="text/css">@import url();

</style>
</head>
使用@import引用要明白相对路径与绝对路径
•加载文件的时候可以使用相对路径或绝对路径
•绝对路径:文件的完整路径,主页上的文件或目录在硬盘上真正的路径
•就是绝对路径,/html/index.html也是绝对路径,E:\Cuoxin\Cuoxin.txt也是绝对路径
•相对路径:相对于我们查看文档的路径
•../default.html或者default.html或者../../default.html都是相对路径
第二种方法,使用link标签引用

示例

<head>
        <link rel="stylesheet" type="text/css" href=http://www.Cuoxin.com/style.css />
</head>
介绍了上面两种方法以后你是不是很困惑,那我到底是要使用@import呢还是使用link呢?关于他们的区别我们之前也做过介绍,大家可以看一下

CSS外部引用使用link与import的区别