一、行内式
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的四种方式介绍的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号