zoukankan      html  css  js  c++  java
  • link和@import的区别

    在实际开发中用到的都是link,基本没有接触过@import,偶然看到说link与 @import的区别,便记录下来。

    页面中使用CSS的方式主要有3种:

    1.行内添加定义style属性

    <p style="color:red;background-color="#000"></p>

    2.页面头部内嵌调用

    <style></style>

    3.页面头部内嵌调用(link)

    <link rel="style" href="" type="text/css"/>

    4.页面头部内嵌调用(@import)

    <style>
    @import url(css文件);
    </style>

    link和@import都是外部引用CSS样式,但存在一定差别:

    1.link是xhtml标签,除了加载CSS外,还可以定义RSS等其他事务;@import只能加载CSS

    2.link引用CSS时,在页面载入同时加载;@import需页面加载完成后载入

    3.link无兼容性问题;@import实在CSS2.1提出的,低版本浏览器不支持

    4.link支持使用JS控制DOM改变样式;@import不支持

    @import写法

    <style>
    @import 'style.css'
    @import "style.css"
    @import url(style.css)
    @import url('style.css')
    @import url("style.css")
    </style>

    其中@import url(style.css)和import url("style.css")是最优选择,兼容浏览器最多。

    从字节优化角度看@import url(style.css)最值得推荐

  • 相关阅读:
    动态规划_leetcode70
    动态规划_leetcode64
    动态规划_leetcode63
    PHP处理base64编码字符串
    PHP解决h5页面跨域
    PHP对象转数组
    jQuery 正则
    mysql重置密码
    yii框架学习(获取插入后的id)
    nginx 之 root和alias
  • 原文地址:https://www.cnblogs.com/ecosu/p/4421389.html
Copyright © 2011-2022 走看看