引言
在网页设计中，CSS（层叠样式表）是不可或缺的工具，它能够帮助我们控制网页元素的样式，从而实现美化页面的效果。本文将带你快速入门，了解如何引入CSS代码，让你的网页焕然一新。
CSS基础语法
在开始引入CSS之前，我们需要了解一些基础语法。
选择器
选择器决定了CSS样式将应用于哪些元素。常见的选择器包括：
标签选择器：例如
p
、
div
、
h1
等。
类选择器：以
.
开头，例如
.my-class
。
ID选择器：以
#
开头，例如
#my-id
。
声明
声明包含属性和值，例如
color: red;
。
CSS代码结构
/* 注释 */
p {
color: red;
font-size: 16px;
}
引入CSS代码的方式
CSS代码可以通过以下三种方式引入到HTML页面中：
1. 内部样式表
将CSS代码放在

这是一个红色的段落。

2. 外部样式表
创建一个CSS文件（例如
styles.css
），并在HTML页面中使用 标签引入。

这是一个红色的段落。

3. 行内样式
直接在HTML标签的
style
属性中定义样式。

这是一个红色的段落。

代码示例
以下是一个简单的例子，展示如何使用外部样式表来美化一个网页。

欢迎来到我的网页

这是一个红色的段落。

/* styles.css */
h1 {
color: blue;
text-align: center;
}

p {
color: red;
font-size: 16px;
}

.my-class {
color: green;
background-color: lightgray;
}
总结
通过本文的学习，你现在已经掌握了如何引入CSS代码，并能够使用CSS来美化你的网页。继续探索和学习，你将能够创造出更多令人惊叹的网页效果。