web外部引入css的两种方式

        用css设置web样式时,有行内样式、内部样式和外部样式。对于较为复杂的网页,较多使用的是外部样式,因为这样才真正实现了内容与样式的分离效果。本篇文章就介绍了关于css设置外部样式时的两种引入方法:

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

2.<style type="text/css">
        @import url("css文件的路径");
        </style>

下边是代码截图,并有说明:

 注意,这两种引入方式不管是哪种,都要写到<head>标签里边。

那么,link和import之间有什么区别?

  1. 差别一:本质上的差别:link属于XHTML的标签,而@import完全是CSS提供的一种方式。
  2. 差别二:加载顺序的差别:当一个页面被加载的时候(就是被浏览者点击浏览的时候),link引用的CSS同时被加载,而@import引用的CSS会等到页面全部被加载出来之后再被加载。有时候浏览@import加载CSS的页面的时开始会没有样式(就是会闪烁一下),网速较慢的时候会更加明显。
  3. 差别三:兼容性的差别:@import是CSS2.1提出的,所以老的浏览器不支持,@import只有IE5以上的版本支持,而link标签并无此问题。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值