这是我参与「第四届青训营」笔记创作活动的的第2天
CSS是什么？
Cascading Style Sheets 级联样式表
css简单来说就是直译过来的级联样式表，它用来定义页面元素的样式。
比如：设置字体和颜色，设置位置和大小，元素添加动画效果等等...
CSS的基础结构
h1 是选择器，既你选择的页面元素
color 是你要添加样式的属性名
white 是你要添加样式的属性值
他们在一起如：font-size:14px 属性名和属性值形成一个整体叫做声明
如何在页面中加入CSS
在页面中加入CSS样式有三种方式。
- 使用link 外链CSS
- 在页面中加入style 标签，直接在标签中写样式
- 在HTML里添加style属性,value值写样式
css 是如何工作的
- 浏览器会拿到HTML代码，从HTML解析到CSS，或者外链到CSS
- 这时就会加载解析CSS,并把他们渲染到已经创建好的DOM树上
- 最后则把渲染好的展示到页面上
CSS的选择器
通配符选择器 *
星号 * ，既为通配符选择器。它可以选择所有的HTML,为所有节点元素添加样式。一般用来取消元素属性样式的默认值
比如把margin和padding设为0
标签选择器
我们也可以写要添加样式的标签，来给它添加样式。不过需要注意的是，它选择的是页面中所有的这个标签，你的页面中一般不会只使用一个标签一次。
id选择器
我们可以给元素添加id并起个名字，然后在style中使用 # 号选择id写样式。需要注意的是，id选择器只能唯一，不能在多个标签中起相同的名字。
类选择器
类选择器是我们平常使用中最多的选择器，它与id选择器类似，不同的是它在style 中使用 . 点号来绑定，并且它不是唯一的，你可以给多个标签起相同的类选择器，然后给他们相同的样式。
属性选择器
我在input标签中随便加了一个属性aa,然后在style中用括号括起来添加样式，可以看到输入框中的字变成了红色。所以属性选择器就是选择你元素中使用的属性给它添加样式。
当然也不仅仅选择属性，也可以属性：声明 更加准确的选择
也可以使用 ^ 和 $ 来选择，他们分别表示以什么开头和什么结尾
组合选择器
我们可以组合选择，如使用标签+类选择器组合选择节点
伪类选择器
在学习组合选择器之前我们可以先看看伪类选择器
思考
笔记要记的东西太多了，我们总是讲，以输出来输入，但在有限的时间内，我们应该只输出自己的重点，而不是把所有的东西都输出，所有关于CSS，推荐大家看一看 CSS3教程 - 绿叶学习网 (lvyestudy.com)，这个网站讲的特别好，之后的笔记会重重点来写，写自己学的新知识。
