这篇文章主要介绍了CSS在html文档里的三种表现形式是什么的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇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文档里的三种表现形式是什么”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网node.js频道。
--结束END--
本文标题: Css在HTML文档里的三种表现形式是什么
本文链接: https://lsjlt.com/news/88592.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0