link与@import的区别

2022-05-30    分类: 网站建设

页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部
内嵌调用和外面链接调用,其中外面引用有两种:link和@import。
外部引用CSS两种方式link和@import的方式分别是:

XML/HTML代码
<link rel="stylesheet" rev="stylesheet" href="CSS文件"
type="text/css" media="all" />
XML/HTML代码
<style type="text/css" media="screen">
@import url("CSS文件");
</style>  

两者都是外部引用CSS的方式,但是存在一定的区别:

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

区别2:link引用CSS时,在页面载入时同时加载;
@import需要页面网页完全载入以后加载。

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

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

文章题目:link与@import的区别
链接分享:https://www.cdcxhl.com/news40/161540.html

成都网站建设公司_创新互联,为您提供全网营销推广外贸建站网站排名网站改版网站导航响应式网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设