如何在外连贯css文件
发布时间：01/01 来源：未知 浏览：
关键词：
外链接css文件的办法：1、使用link标签链接外部css文件，语句如“<link rel="stylesheet" type="text/css" href=".css" />”；2、使用@import规则导入外部css文件。
本教程操纵环境：windows7系统、HTML5&&CSS3版本，DELL G3电脑。
引荐：css视频教程
有两种连接外部CSS文件的办法
使用link标签链接外部css文件
使用@import规则导入外部css文件
1、使用link标签链接外部css文件（链接式）
当样式需要被利用到许多页面的时候，外部样式表将是抱负的选中。使用外部样式表，你就可以通过更换一个文件来改动整个站点的外不雅。
链接一个外部样式表：
<head> <link rel="stylesheet" type="text/css" href="theme.css" /> </head> <link> 标签定义文档与外部资源的关系。 <link> 标签最常见的用处是链接样式表。
留意： link 元素是空元素，它仅包括属性。link元素只能存在于 head 部分，不外它可显现任何次数。
2、使用@import规则导入外部css文件（导入式）
<style>
@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
@import url(style.css) //Windows NS4, Macintosh NS4不识别
@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import url("style.css") //Windows NS4, Macintosh NS4不识别
</style>link和import的不同
link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；而@import属于CSS范围，只能加载CSS；
link援用CSS时，在页面载入时同时加载；而@import需要页面网页完全载入今后加载。
link是XHTML标签，无兼容问题；而@import是在CSS2.1提出的，低版本的阅读器不支撑。
ink支撑使用Javascript操纵DOM去改动样式；而@import不支撑。
@import可以在CSS文件中再次引入其他样式表；而link不支撑。
以上就是怎样在外连接css文件的具体内容，更多请关注百分百源码网其它相关文章！
