这是我参与⌈第四届青训营⌋笔记创作活动的第2天
一、CSS是什么
1、CSS简介
CSS（Cascading Style Sheets）中文名叫层叠样式表，是一种计算机语言，CSS不仅可以静恋地修饰网页，还可以配合各种脚本语言，动态地对网页各元素，进行格式化，CSS能够对网页中，元素位置的排版进行像素级精确控制，支持门乎所有的，学体字号样式，拥有对网页对象，和模型样式编辑的能力，CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力，允许为任何元素创建边框，以及元素边框，与其他元素间的距离，允许随意改变文本的，大小写方式，修饰方式，以及其他页面效果，CSS是一种，定义样式结构，如字体颜色，位置等的语言，被用于描述，网页上的信息格式化，和显示的方式，CSS简化了，网页的格式代码，外部的样式表，会被浏览器保存在缓存里。
2、用途
- 设置字体颜色
- 设置位置和大小
- 添加动画效果
3、CSS是如何工作的
首先浏览器加载HTML，然后对HTML进行解析，对CSS进行加载,同步解析，添加样式到DOM节点，生成DOM树，最后展示页面。
二、CSS选择器
CSS选择器又被称为CSS样式属性、CSS属性选择器，CSS中的“选择器”指明了“{}”中的样式的作用对象，也就是“样式”作用于网页中的哪些元素；常用选择器可分为通配选择器、ID选择器、类选择器（class选择器）、属性选择器····。
1、通配选择器
<h1>this is heading</h1>
<p>this is some paragraph.</p>
<style>
*{
color:red;
font-size:20px;
}
</style>
2、ID选择器
<h1 id="logo">
<img scr="https:assets.codepen.io/59477/h5-logo.svg" alt+"HTML5 logo" width="48"/>
HTML文档
<h1>
<style>
#logo{
font-size:60px;
font-weight:200;
}
</style>
3、类选择器
<label>用户名：</label>
<input value"zhao" disabled />
<label>密码：</label>
<input value="123456" type="password" />
<style>
[disabled]{
background:#eee;
color:#999;
}
</style>
4、伪类选择器
section>p:first-child{
color: purple;
}
section>p:last-child{
color: skyblue;
}
