美文网首页
CSS:css引用的几种方式

CSS:css引用的几种方式

作者: Andy丶Go | 来源:发表于2017-09-27 22:25 被阅读24次

    1、行内引用,即直接将css样式写在标签中的style属性里
    2、嵌入引用,即将样式规则写在页面中的<style>标签里
    3、外部引用,使用link或者@import引用

    link 和 @import 的却别:
    1、link是HTML标签,而@import是css提供的一种方式所有它只能挂载在css里加载css
    2、加载顺序的差别,link引用的css会随页面同时加载,而@import引用会等到页面全部加载完成后再加载
    3、兼容性差别,@import只有在IE 5 以上的浏览器才能支持
    4、使用dom控制样式时的差别,当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的
    5、@import可以在css中再次引入其它样式表,综合来看@import url(style.css)是最优写法

    相关文章

      网友评论

          本文标题:CSS:css引用的几种方式

          本文链接:https://www.haomeiwen.com/subject/blepextx.html