这是我参与「第四届青训营 」笔记创作活动的的第2天
了解什么是CSS？
官方定义: 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 可以对美化页面，对 HTML 赋予样式，可以为页面添加颜色、字体以及动画等效果，可以把页面设计成自己想要的样子。
如果不使用 CSS 美化页面，那页面它就是最初始的文字效果，而不会是上图经过 CSS 美化后的效果。
CSS 如何使用？
1. 外链式
可以在外部创建一个 CSS 文件来编写 CSS 样式，然后通过在 HTML 文档的 <head></head> 标签内引入外部的 CSS 资源。
<!DOCTYPE html>
<html lang="en">
<head>
<title>标题</title>
<link rel="stylesheet" type="text/css" href="css文件的路径">
</head>
<body>
</body>
</html>
2. 嵌入式
嵌入式 CSS 样式的写法是直接在 HTML 文档的 <head></head> 标签内的 <style></style> 内编写。
<!DOCTYPE html>
<html lang="en">
<head>
<title>标题</title>
<style>
p {
color: #ccc;
}
h1 {
color: #666;
}
</style>
</head>
<body>
</body>
</html>
3. 内联式
内联式 CSS 样式是直接在 HTML 标签中的 style 属性设置 CSS 样式的。
<!DOCTYPE html>
<html lang="en">
<head>
<title>标题</title>
</head>
<body>
<p style="color: #ccc">我是 p 标签的内容</p>
</body>
</html>
关于 CSS 选择器
CSS 选择器主要就是来那些需要设置样式的 HTML 元素的，找到具体要设置样式的 HTML 元素，想要设置某一元素的样式，那么必须得使用 CSS 选择器来找到它才能进行设置。
选择器的类型
- 简单选择器
- 组合器选择器
- 伪类选择器
- 伪元素选择器
- 属性选择器
可以根据不同的元素类型等来使用相应的选择器进行选取元素。
关于 CSS 属性
CSS 属性分为多种类型，如:
- 定位属性
- 布局属性
- 边距属性
- 字体属性
- 文本属性
- 边框属性
- ......
可以为元素设置 CSS 属性，为属性设置属性值，CSS 属性的属性值有对应的范围要求，满足对应的要求即可生效。
如何学习？
学习 CSS 属性切勿死记硬背，最好的方式就是多去动手使用，可以去 W3Cschool 或 菜鸟教程 中进行学习，观察其中变化，看看使用了不同属性之后的样式的区别，写得多了就容易记住和理解这个属性的具体作用以及应用场景。
总结
本文主要大概描述了 CSS 以及基本使用，学习 CSS，先基本了解一下什么是 CSS，以及是怎么去使用 CSS 的，进而去更深度地去学习 CSS，尤其是 CSS 属性是不能死记硬背的，需要实打实去动手编写，观察其中变化及理解才能记得更牢，才能真正懂得什么情况下去使用它，当能够学会基本使用，然后可以进一步学习更高深的用法，更多复杂的用法，尤其要掌握 CSS 之中的布局，掌握当今主流布局的使用等。
如有错误，望指正，谢谢。
