My Book

引入方式：内嵌和外链

外链：link和@import

区别：1、link引入的css样式，可以通过JavaScript来修改，@import不可以

  <link rel="stylesheet" href="....css">

  <style>
    @import url(css/example.css)
  </style>

  2、加载顺序的差别，当页面被加载的时候，link引用的css会同时加载
     @import引用的css会在页面下载完毕后再被加载
     @import可以在css中再次引入其他样式表（和less很像）
        main.css
        @import"sub1.css"
        @import"sub2.css"
        缺点：http请求过多，服务器压力增大，在浏览量大的网站谨慎使用

  3、link是XHTML提供的无兼容性问题，@import是css提供的，只能运行在ie5以上

  4、link方式的样式权重高于@import的权重