CSS（层叠样式表）是一种用于描述网页外观和布局的语言。通过使用CSS，我们可以控制网页中各个元素的样式，如字体、颜色、大小、间距等。本文将介绍CSS的基础知识，并提供一些常用的代码示例。
一、CSS基础知识
选择器：CSS选择器用于选择要应用样式的HTML元素。常见的选择器有标签选择器（如p）、类选择器（如.my-class）和ID选择器（如#my-id）等。
样式规则：样式规则由选择器和一组属性-值对组成。例如：
p { color: blue; font-size: 16px; } 上述样式规则会将所有
标签的文本颜色设置为蓝色，字体大小设置为16像素。
盒模型：CSS中的每个元素都被视为一个矩形框，该框由内容区、内边距、边框和外边距组成。我们可以使用CSS调整这些框的尺寸和样式。 二、常用样式示例
背景颜色和图片：
body { background-color: #f1f1f1; background-image: url("bg.jpg"); background-repeat: no-repeat; } 上述代码将页面背景颜色设置为#f1f1f1，并将背景图片设置为bg.jpg，且不重复显示。
文本样式：
h1 { color: red; font-size: 24px; text-align: center; } 上述代码将所有
标题的文本颜色设置为红色，字体大小设置为24像素，并居中对齐。
边框和圆角：
div { border: 1px solid black; border-radius: 5px; }
上述代码将所有
盒模型调整：
.box { width: 200px; height: 150px; padding: 10px; margin: 20px; } 上述代码将类名为.box的元素宽度设置为200像素，高度设置为150像素，内边距设置为10像素，外边距设置为20像素。
三、CSS的引入方式
内联样式：将CSS样式直接写在HTML元素的style属性中。例如：
这是一个红色的段落。
嵌入样式：将CSS样式写在标签中，并放置在HTML文件的<head>部分。例如： p { color: blue; font-size: 16px; }这是一个蓝色的段落。
外部样式表：将CSS样式写在外部的.css文件中，然后通过标签将其引入到HTML文件中。例如： html这是一个外部样式表的段落。
其中，styles.css为外部样式表文件。
总结： CSS是一种强大的网页样式语言，通过掌握CSS基础知识和常用样式示例，我们可以轻松地控制网页元素的外观和布局。同时，了解CSS的引入方式有助于更好地组织和管理样式代码。希望本文能够帮助你更好地学习和使用CSS。
