在HTML的学习中，我们多次提到CSS，也一直期待着在网页中的应用。它有什么神奇的功效？CSS就像我们生活中的化妆师，给普通人的脸涂上各种化妆品，让它们看起来更加光彩夺目、赏心悦目。这就是CSS的美化效果。CSS是CascadingStyleSheets的首字母缩写，译为层叠样式表，是一种用来设计网页的语言。它描述了HTML元素如何在屏幕、纸张或其他媒体上显示。它为我们节省了很多工作，可以一次控制多个网页的布局，还可以通过CSS文件存储外部样式表。让我们看一个示例，它显示了一个包含四个不同样式表的HTML页面。单击下面的“样式表1”、“样式表2”、“样式表3”、“样式表4”链接可以查看不同的样式。也可以点击“NoStyle”，就是我们之前学过的不添加CSS样式的基本HTML布局。了解了CSS的作用后，是不是迫不及待想在网页中应用起来呢？接下来，我们要学习CSS的基本语法。通常，我们也将CSS语法称为CSS规则。CSS规则由一个选择器和一个声明块组成。选择器指的是要设置样式的HTML元素。声明块包含一个或多个声明。每个声明都包含一个CSS属性名称和一个值，以冒号分隔。多个CSS声明应该用分号分隔，声明块应该用花括号括起来。请注意，可以在选择器和大括号之间、大括号和属性名称之间、冒号前后以及分号前后添加任意数量的空格和换行符。所以在写样式的时候不必太小心。但是属性名和属性值是一个整体，中间不能有空格和换行！让我们决一死战。打开VSCode，新建文件夹001-try-css，在文件夹中创建syntax.html文件，创建基础代码。定义两个p元素，写一些文本。现在是时候给p元素添加样式了！但是问题来了，样式代码放哪里呢？先剧透一个知识点，后面会详细介绍。在head元素的末尾，添加一个style元素，并在该元素内添加样式。定义一个选择器p，指向我们要定义样式的HTML元素：
元素，同时指向两个P元素。接下来写一对花括号。定义color颜色属性，值为颜色名称red。然后定义text-align属性，值为center。保存文档。在浏览器预览之前，可以暂停视频，猜猜是什么效果，在弹幕里告诉我。我们来看一下，两个p元素的文字变成了红色，水平居中对齐，你觉得对不对？返回编辑器，将p元素的颜色值改为紫色，保存。回到浏览器，刷新，段落文字变成紫色。在学习HTML的时候，你可能已经发现，每次修改页面并保存时，都需要在浏览器上刷新。修改代码后浏览器能否自动刷新？好的！我们可以通过安装插件来实现。单击扩展按钮，搜索LiveServer并安装它。返回到要预览的页面，鼠标右键，点击用LiveServer打开。接下来，我们将颜色值修改为蓝色并保存。回到浏览器，我们看看，段落文字自动变成了蓝色。文章配套视频链接：https://www.bilibili.com/video...