【CSS】【2】HTML引入CSS的四种方式

一、行内式

1、样例：

  <H1 style="color:white;backgroud-color:blue">行内式引入CSS</H1>

2、效果：

  仅对此<H1>标识有效，即“行内式引入CSS”在网页中以蓝底白字显示

二、内嵌式

1、样例：

  <style type="text/css">

       h1

       {

            color:wihite;

            backgroud-color:blue;

       }

  </style>

2、效果：

  网页中所有的<h1>标识内容均是以蓝底白字显示

三、导入式

样例： <style type="text/css">

         @import "mycss.css";

     </style>

四、链接式

样例： <link href="mycss.css" rel="stylesheet" type="text/css" />

五、导入式与链接式的区别：

1、两者区别不大，导入式是由CSS规范所实现的，链接式是由HTML规范所实现的；

2、导入式在网页加载之后再载入CSS文件，链接式在网页加载之前就载入CSS文件；

本文出自 “青客” 博客，谢绝转载！