字节青训营笔记（理解CSS）
今天是青训营打卡学习的第二天，接下来是关于今天学习内容的笔记，萌新上路，请多多指教！如有错误请批评指正！谢谢！
理解CSS定义
CSS是层叠样式表（Casccsding Style Sheets）的缩写，用来定义页面元素的样式
例如下面是一条典型的CSS语句 h1{ color: blue; size: 14px; } h1为选择器（selector），表明下面这些样式是应用在所有h1标签上 color和size是属性，其规定了所有h1标签的颜色和尺寸 blue和14px则是属性的值 属性和属性对应的值构成一条声明，即color：blue；是一条声明
在页面中使用CSS有三种方法
- 外链：将CSS定义放入一个单独的文件中，用另一个标签引入到页面中
- 嵌入：将样式代码嵌入HTML标签中
- 内联：将样式写入styal属性标签内，不需要写选择器
一般来讲推荐使用外链方式，可以实现内容和样式的分离
CSS的工作原理？
我们打开网页的过程中，首先加载HTML，解析HTML，在解析的同时加载并解析CSS，等HTML解析好并创建DOM树之后，浏览器会将CSS中的样式添加到对应的DOM树节点
选择器
选择器作用是选择页面中的元素，以便给其设置样式。 我们可以通过多种方式选择元素， 例如：
- 按照标签名、类名或者id
- 按照属性
- 按照DOM树中的位置
- 通配选择器
- 标签选择器
- id选择器
- 类选择器
- 属性选择器
- 伪类选择器
伪类分为状态性伪类，结构性伪类。状态性伪类例如:hover定义了某个元素块被鼠标悬停的时候触发:visited代表访问过链接的元素。结构性伪类，:fisrt-child代表父元素的第一个子元素，比如list:first-child可以获得第一个li元素，值为1的li标签。
