zoukankan      html  css  js  c++  java
  • link与@import导入外部样式的区别

    差别1:link属于XHTML标签;@import完全是css提供的一种方式。

         link标签除了可以加载css外,还可以做很多其他事件;比如:定义RSS,定义rel连接属性等。

    差别2:输入方式

    @import输入方式
    1 <head> 2 <meta charset="utf-8"> 3 <title>css基础语法</title> 4 <style type="text/css"> 5 @import url("目标文件路径及文件名"); 6 </style></head>
     
    link输入方式
    1 <head> 2 <meta charset="utf-8"> 3 <title>css基础语法</title> 4 <link rel= "stylesheet" type="text/css" href="目标文件路径及文件名" /> 5 </style> 6 </head>

    差别3:加载顺序不同,link引用的css会同时被加载;@import引用会等到页面全部被下载完再被加载,所以有时候浏览@import加载css页面时开始没有样式。

                          网速慢的时候@import加载就是这个样子

    差别4:兼容性的差别:@import是css2.1提出;浏览器IE5以上的版本才能识别。link没有兼容性问题。

    差别5:使用dom控制样式时的差别:当使用JavaScript控制dom去改变样式的时候,只能使用link标签。因为@import不是dom可以控制的。

     

  • 相关阅读:
    SQL Server 索引基本概念与优化
    将Heap RID转换成RID格式
    有关DeadLock的文章列表
    sql报字段过大的错误解决方法
    查询当天数据(mysql)
    cookie和session的区别
    get和post的区别
    jq点击切换按钮最简洁代码
    js提示确认删除吗
    thinkphp解决分页后序列号自增的问题
  • 原文地址:https://www.cnblogs.com/ck123/p/8073087.html
Copyright © 2011-2022 走看看