CSS的四种导入方式

CSS的四种导入方式

 

【注意】：遵循就近原则！！！

1，行内样式

【注释】：在元素标签中，编写一个style属性，编写样式即可

【代码】：

<h1 style="color: brown">我是标题一</h1>

 

 

 

 

 

 

 

 

2，内部样式

【代码】：

<style>
    h1{
      color: red;
       }
</style>

【注意】：写在head标签里面

 

 

 

 

 

 

 

3，外部样式的两种写法

• 链接式：

  就是HTML标签

  ​
  <link rel="stylesheet" href="css/style.css">

 

 

 

 

 

 

 

• 导入式

  @import是CSS2.1特有的！

  【注意】：写在head标签里面

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

 

【弊端】：当网站比较大的时候，如果使用导入式，打开网站的时候，它会首先显示网站的框架，然后是CSS渲染的内容，会很难看！