欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css和@import区别用法

程序员文章站 2022-03-20 16:06:08
...
css和@import都是调用外部样式表的方法。

一、用法

(1)link:

(2)@import:

方法一(html中添加):

@import url(css文件路径);

方法二(css中添加):

@import url(css文件路径);

二、区别

(1)link是XHTML标签,除了加载CSS外,还可以定义RRS等其他事务。@import属于CSS范畴,只能加载CSS。

(2)link引用CSS样式,是和页面加载同步进行加载,@import是等页面加载完后才开始加载。

(3)link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

(4)link支持使用Javascript控制DOM去改变样式;而@import不支持。