「CSS 只要三节课」之入门
在这个「CSS 只需三节课」系列中，我们将会用简单的示例和必要的解释来教授CSS的基本概念。这是第一节课的内容：如何在HTML中引入CSS。
HTML中引入CSS的方法主要有三种：内联样式、内部样式表和外部样式表。
- 内联样式：直接在HTML元素上使用
style属性来添加样式。
<p style="color: blue;">这是一个蓝色的段落。</p>- 内部样式表：在HTML文档的
<head>部分使用<style>标签来添加样式。
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>这是一个红色的段落。</p>
</body>
</html>- 外部样式表：创建一个CSS文件（比如
styles.css），然后在HTML文档的<head>部分使用<link>标签来引入。
styles.css 文件：
p {
color: green;
}HTML文件：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>这是一个绿色的段落。</p>
</body>
</html>以上三种方法可以根据实际需求选择使用。内联样式一般用于单一元素的快速样式修改，内部样式表适合单个文件的样式定义，而外部样式表则适合大型项目，多个页面共享同一套样式规则。
评论已关闭