每日一题:css有几种引入方式？link和import有什么区别

1.css有几种引入方式？link和import有什么区别？

css的引入方式

• 行内样式

      <div style="width:100px"></div>
  复制代码

• 嵌入样式

      <style>
      div{
          width:100px;
      }
      </style>
  复制代码

• 外链样式

      <link rel="stylesheet" href="index.css">
  复制代码

• 导入样式

      @import url(index.css)
  复制代码

• 样式优先级：行内样式>嵌入样式>外链样式

link和import的区别

• link是html引入的样式；import是css引入的
• 浏览器会先加载页面时同步加载link引入的css文件;页面加载完成后，再加载import引入的css
• 浏览器对link的兼容性更高
• 优先级：link>import

不断积累。

大多数人都高估了他们一天能做的事情，但低估了他们一年能做的事情。  ---《关于“我没有足够的时间”》
复制代码

转载于:https://juejin.im/post/5c8510eb6fb9a049f23d946a