笔记打卡
价值
提供更丰富交互行为和 视觉效果，能添加更多信息量，能够更精准的传递信息
基础
层叠（Cascading） 优先级
三大规则（优先程度递减）：
1.样式表来源（重要程度递增）：
用户代理样式（浏览器默认）
用户样式表(很少有)
作者样式表（developer写的）
作者样式表中的！important
用户样式表中的！important
用户代理样式中的！important
2.选择器优先级
选择器
比较
内联(不属于选择器)>id>class=attribute=pseudo-class>type=pseudo-element
3.源码位置
1）对于@import的样式，根据@import的顺序
2）对于link和style标签的样式，根据在document中的顺序决定
*选择器尽量少用id
*尽量不要用！important
*自己的样式加载在引用样式库样式的后面
继承
继承方向
1.大部分具有继承特性的属性跟文本相关：
color front front-size front-weight...
还有少部分列表，表格的属性
2.还可以使用inherut关键字显示指定一个属性值从其父元素继承
css值和单位
值：
文字类：关键字，颜色，位置等
数值类：如z-index:1这种数值，或者带有单位的数值，百分比等
函数生成：如calc(),min(),max()
单位:
长度：
绝对长度：px,pt,cm,in...
相对长度：em,rem,ex,rex...vw,vh,vmin,vmax...
角度：deg,grad, turn,rad
时间：s,ms
分辨率：dpi,dpcm,dppx
盒模型
浏览器根据视觉格式化模型，将所有元素表示为盒子模型，css 通过盒模型做layout
负外边距
padding,border,margin中，只有margin可以设置负值
设置左边或顶部的负外边距，元素会相应的向左或向上移动，导致元素与它前面的元素重叠
如果设置右边或者底部的负外边距，并不会移动元素，而是将它后面的元素拉过来
