Css在HTML文档里的三种表现形式是什么
这篇文章主要介绍了Css在HTML文档里的三种表现形式是什么的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Css在HTML文档里的三种表现形式是什么文章都会有所收获，下面我们一起来看看吧。
1. 内联样式表
内联样式表是指将CSS样式编码写在HTML标签中，如下所示：
html
<h2 style="font-size:16px;color:#000FFF">
内联CSS样式。
</h2>
内联样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式，但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们很少使用。
2. 内部样式表
内部样式表与内联样式表相似都是把CSS代码写在HTML页面中，稍微不同的是前者可以将样式表放在一个固定的位置，如下所示：
html
<html>
<head>
<title>内部样式表</title>
<style type="text/css">
h2{font-size:16px;
color:#000FFF
}
</style>
</head>
<body>
<h2>内部CSS样式。</h2>
</body>
</html>
内部样式表编码是初级的应用形式，不能跨页面使用所以不适合使用。
3. 外部样式表
外部样式表是CSS应用中最好的一中形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。多个网页可以调用一个样式文件表，这样能够实现代码的最大限度的重用及网站文件的最优化配置，如下所示：
html
<html>
<head>
<title>外部样式表</title>
<link rel="stylesheet" rev="stylesheet" href="style.css">
</head>
<body>
<h2>外部CSS样式。</h2>
</body>
</html>
在style.css中的代码为
css
@charset "UTF-8";
h2{
font-size:16px;
color:#000FFF
}
关于“Css在HTML文档里的三种表现形式是什么”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“Css在HTML文档里的三种表现形式是什么”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
