样式文件与网页的关联方式

来源：互联网发布：腾讯数据分析招聘编辑：程序博客网时间：2024/06/01 07:28

根据样式文件与网页的关联方式又分为：
链接（LINK ）外部样式表

使用LINK（链接）标签，语法：
<HEAD>
<LINK rel = “stylesheet” type = ”text/css” href = ”样式表文件.css” >
</HEAD>

导入（import）外部样式表

<HEAD>
<STYLE TYPE="text/css">
@ import 样式表文件.css;
</STYLE>
</HEAD>

css中导入样式表和链接样式表有什么区别，不是语法，而是内在区别

1. link标签是属于xhtml范畴，而@import则是css2.1中特有的。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。

2. 加载的顺序的区别，link加载的css时，是一种并行(没有尝试是否是这样)加载CSS方式，而@import则在整个页面加载完成后才加载。

3. 兼容性的区别，因@import是CSS2.1才特有的，所以对于不兼容CSS2.1的浏览器来说，无效。

4. 在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别，此时@import就无能为力了。

样式文件与网页的关联方式

根据样式文件与网页的关联方式又分为：链接（LINK ）外部样式表

使用LINK（链接）标签 ，语法：<HEAD><LINK rel = “stylesheet” type = ”text/css” href = ”样式表文件.css” ></HEAD>

导入（import）外部样式表

<HEAD><STYLE TYPE="text/css">@ import 样式表文件.css;</STYLE></HEAD>

根据样式文件与网页的关联方式又分为：
链接（LINK ）外部样式表

使用LINK（链接）标签，语法：
<HEAD>
<LINK rel = “stylesheet” type = ”text/css” href = ”样式表文件.css” >
</HEAD>

<HEAD>
<STYLE TYPE="text/css">
@ import 样式表文件.css;
</STYLE>
</HEAD>