外部样式表分为链接外部样式表和导入外部样式表

链接样式表:<link href="css文件所在地址" rel="stylesheet" type="text/css"/>

导入外部样式表:<style>@import url("");</style>

两种外部样式表的区别:

1、 使用@import样式表时,在html文件初始化时会被导入到html文件中,作为文件的一部分,类似内嵌式样式表

链接样式表是在html标签需要样式时才以链接的方式导入

2、加载顺序不同

当一个页面被加载时,使用link标签引用过的css会同时被加载;使用@import引用的css会等页面全部加载完才被加载,所以有时浏览@import引用css的页面时开始没有样式,网速慢的时候更明显。

3、兼容性的差别

@import是css2.1提出的使用方式,因此一些老的浏览器不支持,比如IE4一下的浏览器。

4、使用DOM控制页面样式的区别

当页面使用javascript控制DOM改变页面样式时,使用link标签支持,而@import并不是DOM所控制的。

<link>是xhtml的一种标签,而@import完全是css提供的一种方式

优质内容筛选与推荐>>
1、插入排序、分治法、归并排序
2、select控件变成可输入状态
3、MySQL- 锁机制及MyISAM表锁
4、testng 不同类中使用priority后,没有按照类的顺序执行
5、前端--CSS


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号