一、CSS概述
CSS（Cascading Style Sheets，层叠样式表）是一种用于描述HTML或XML等文件样式的计算机语言。它控制着网页的布局、字体、颜色、背景、动画等等。通过CSS，你可以将网页的内容和样式分离，使得网页更易于维护和修改。
二、CSS的基本结构
CSS的基本结构由选择器、属性和属性值组成。选择器用于指定要应用样式的HTML元素或标签，属性用于定义样式，属性值则用于指定具体的样式值。
2.1 选择器
选择器分为以下几类：
元素选择器
：根据元素类型选择，如
p
表示所有
p
标签。
类选择器
：根据类名选择，如
.class-name
表示所有类名为
class-name
的元素。
ID选择器
：根据ID选择，如
#id-name
表示所有ID为
id-name
的元素。
后代选择器
：选择某个元素的后代元素，如
.parent div
表示
.parent
类元素的
div
子元素。
兄弟选择器
：选择某个元素的兄弟元素，如
h1 + p
表示紧接在
h1
标签后面的
p
标签。
2.2 属性和属性值
属性用于定义样式，属性值则用于指定具体的样式值。以下是一些常见的CSS属性：
color
：定义文本颜色。
font-size
：定义字体大小。
font-family
：定义字体类型。
background-color
：定义背景颜色。
border
：定义边框样式。
padding
：定义内边距。
margin
：定义外边距。
三、CSS的导入方式
CSS可以通过以下三种方式导入：
内联样式
：直接在HTML标签内使用
style
属性定义样式。

这段文字是蓝色的，字体大小为18px。

内部样式表
：在HTML文档的

部分使用

外部样式表
：将CSS样式放在单独的CSS文件中，然后在HTML文档中引用。 四、CSS的优先级
CSS的优先级从高到低依次为：
内联样式
内部样式表
外部样式表
五、实战案例
以下是一个简单的CSS样式示例，用于美化一个HTML页面：

欢迎来到我的网页

这是一个简单的HTML页面，使用了CSS进行美化。

通过以上案例，你可以看到CSS如何改变网页的布局和样式，让你的网页焕然一新！