这是我参与「第四届青训营 」笔记创作活动的第2天，记录CSS知识回顾
CSS 即Cascading Style Sheets（层叠样式表）
一般是由选择器和属性值构成的，分为外链，嵌入，内联三种形式。
CSS是如何工作的
选择器
- 通配选择器
*{} - ID选择器
#ID名{} - 类选择器
.class名{} - 属性选择器 如input的disable
- 伪类选择器，如a标签的
a:link{}表示链接，a:visited{}表示访问过的链接，a:hover{}表示鼠标移到链接，a:active{}表示按下链接； 又有结构伪类，通过dom节点来设置样式。
选择器组合
多个选择器用逗号隔开。
font-size
关键字：small，medium，large
长度：px,em(倍数)，百分数
选择器的特异度
CSS的继承
某些属性会自动继承父元素的样式，除非特别指定。
CSS的计算
Layout布局
- 常规流--行级，块级，表格布局，FlexBox,Grid布局
- 浮动
- 绝对定位
margin叠加
border-box区别
border-box属性会将border和padding计算在内
overflow的属性值
文本框小于所存放的文字时
- visible 会显示超出
- hidden 超出部分会被隐藏
- scroll 能够滚动
- auto 超出时滚动，不超出则不滚动
块级与行级
Flexibility
Grid网格
position属性
- static-默认值，非定位元素
- relative 相对自身原本位置偏移
- absolute 绝对定位
- fixed 相对于视窗绝对定位
后续
CSS新特性也是一直在不断出现，要学会充分利用文档和开发者工具不断学习
