浅谈css和@import区别及用法

(编辑:jimmy 日期: 2024/10/31 浏览:2)

css和@import都是调用外部样式表的方法。

一、用法

(1)link:

<link rel="stylesheet" type="text/css" href="css文件路径"/>

(2)@import:

方法一(html中添加):

<style type="text/css">

@import url(css文件路径);

</style>

方法二(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不支持。

以上这篇浅谈css和@import区别及用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。