css引入的方式有哪些?Link和@import的区别是什么?

css引入方式:

  1.内联样式(行内样式/行间样式):直接写在HTML标签里

    例如:

      <p style="color: #00AFC7; font: arial;"></p>

  2.内部样式:写在head与head之间

    例如:

      <style>

        css样式

      </style>

  3.外部样式:需要引用才能生效

    例如:

      1>.<link  rel="stylesheet"  href="../css/123.css" />

      2>.@import  url(../css/123.css)

link 和 @import 的区别:

      区别1:

          link是XHTML标签,除了加载css外,还可以定义RSS等其他事务;@import属于css范畴,只能加载css。

      区别2:

          link引入css时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

      区别3:

          link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

      区别4:

          link支持使用JavaScript控件DOM去改变样式;而@import不支持。

原文地址:https://www.cnblogs.com/weiyuxi/p/7821220.html