CSS样式定义及应用：内联式、嵌入式、外部链接式详解
CSS样式定义及应用：内联式、嵌入式、外部链接式详解
在网页设计中，CSS（层叠样式表）用于控制网页的样式和布局。CSS规定了三种定义样式的方式：
- 内联式: 在HTML标签内部使用
style属性定义样式，例如：<p style='color: red;'>这是一段红色文字。</p>。 - 嵌入式: 在HTML文档头部
<head>标签内使用<style>标签定义样式，例如：
<style>
p {
color: blue;
}
</style>
- 外部链接式: 将样式规则编写在独立的CSS文件中，然后在HTML文档头部使用
<link>标签链接该文件，例如：
<link rel='stylesheet' type='text/css' href='test.css'>
如何将样式表文件test.css文件中的样式应用到网页中？
使用以下代码将外部样式表文件test.css链接到HTML文档：
<link rel='stylesheet' type='text/css' href='test.css'>
如何在网页中显示同级目录中的图片test.gif？
使用以下代码显示同级目录下的图片test.gif：
<img src='test.gif'>
总结
本文介绍了CSS三种样式定义方式，并提供了代码示例演示如何应用外部样式表和显示图片。希望对您有所帮助！
原文地址: https://www.cveoy.top/t/topic/jRWo 著作权归作者所有。请勿转载和采集!