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文件；

以上就是HTML引入CSS的四种方式介绍的详细内容，更多请关注其它相关文章！