本文用于记录前端开发的学习过程。前面我们已经学习了html的编写，知道了Web开发的一些最基本的知识；在html的学习过程中，我们提到关于样式的设计和修改常需要使用CSS来实现。那么CSS到底是什么东西呢？它又如何来设计样式呢？
目录
什么是CSS？
在HTML文件中直接使用
CSS语法规范
引入样式
1.内部样式表
2.行内样式表
3.外部样式
总结
什么是CSS？
本文参考了CSS教程的部分内容。
CSS（级联样式表）是为 Web 内容设置样式的代码。它是一种样式表语言；能够对网页中元素表位置的排版进行像素级精确控制，实现美化页面的效果。（也许有点像化妆？）
可以理解为html决定页面结构，CSS决定展示效果。
在HTML文件中直接使用
CSS可以写在单独的文件，也可以直接写在html文件中。我们先来看如何直接在html文件中使用CSS。
在<head>标签内部添加<style>标签，我们在style标签中就可以书写CSS了。先建立一个html文件，并添加一行段落文字：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- 添加style标签 --><style></style>
</head>
<body><p>这是一段文字</p>
</body>
</html>我们想要设计段落标签的样式，就需要在style标签中写出来，标签名+大括号；按照下面的例子开始：
<style>p { color: red;font-size:40px;}</style>这个时候我们点运行：
我们可以看到字体变大并且颜色变成了红色。
那么，如果我们再添加一个段落呢？我们将段落添加到三条，其余不变：
这时我们再次运行会发现每条段落的文字都做出了修改。
CSS语法规范
根据上面的例子，我们其实已经可以大概了解到CSS的书写规范了。
CSS的语法很简单，只需要选择器+{一条/n条声明}，即可设计一种标签的样式。
- 选择器决定针对谁修改
- 声明决定修改的内容
引入样式
CSS与html并不是同一个语言，所以要在html中使用CSS就需要引入。
1.内部样式表
上面介绍的在html中使用<style>标签来直接使用CSS其实是内部样式表的引入方式。将CSS写在style标签中，嵌入到html内部。其实理论上来说，style放到html文件的任意位置都能运行，一般我们放在head标签或者文件最底部。
但在实际开发过程中，这种方式并不常用。更多的是将CSS单独放在另一个文件中，在下面的方法会有介绍。
2.行内样式表
通过style属性，来指定某个标签的样式。只适合用于写简单形式，只针对某个标签生效。该方法优先级很高，会覆盖掉其他的样式，但不适用于写复杂的样式。
<p style="color:blueviolet;font-size:80px">hello world!</p>我们运行后会发现，该样式将我们之前的样式覆盖掉了。
3.外部样式
这是实际开发过程中最常用的方式。我们会将CSS单独写在一个CSS文件中，在html中我们使用link标签引入CSS。
先创建一个CSS文件。（test.css）在文件中按照之前的写法在写一遍：
之后我们在html文件的head标签中嵌入link标签：
<link rel="stylesheet" href="./test.css">stylesheet表示样式表，用href链接css文件的路径即可。
总结
通过以上学习，我们对CSS有了基本的认识。CSS是html中样式修改十分便利的工具。我们理解了什么是CSS，知道了它的书写规范，也了解了如何在html文件中使用CSS；有了这些基础后，我们才能更深入地学习CSS的样式设计。
)
