CSS，全称“层叠样式表”，是一种用于描述HTML或XML（包括如SVG、MathML等派生语言）文档样式的标记语言。它被设计出来主要是为了分离文档的内容与文档的呈现样式，支持多种样式属性，如字体、颜色、背景、边框等。
一、CSS的基本原理
CSS的基本原理就是通过选择器来指定样式规则，然后这些规则会被应用到HTML元素上。选择器可以匹配HTML元素的id、class、属性等。例如：
以上的样式规则将会把id为“myId”的HTML元素的字体颜色设置为红色。
二、CSS的使用示例
让我们来看一个简单的例子，假设我们有一个HTML文档，它包含一个id为“header”的头部区域和一个class为“content”的内容区域。我们可以使用CSS来改变它们的样式。
以上的样式规则将会把头部区域的背景色设置为灰色，并给头部添加20像素的内边距。同时，还会把内容区域的字体大小设置为16像素，字体颜色设置为深灰色。
三、实战演练
现在，让我们来进行一次实战演练。假设我们有一个简单的网页布局，它包含一个标题和一个段落。我们的目标是使用CSS来改变它们的样式，以使网页看起来更加美观。首先，我们来编写HTML文档：
接下来，我们来编写CSS样式规则：
CSS效果对比：
以上的样式规则将会把标题的字体大小设置为36像素，颜色设置为红色，并把文字居中对齐。同时，还会把段落的字体大小设置为18像素，颜色设置为黑色，并设置行高为1.5。这样，我们的网页就会变得更加美观了。
#css#