当前位置:Gxlcms > html代码 > HTML引入CSS的四种方式介绍

HTML引入CSS的四种方式介绍

时间:2021-07-01 10:21:17 帮助过:81人阅读

一、行内式

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的四种方式介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行