一. 大三特新
1. 层叠性
- 后来者居上
- 权重
2. 继承性
元素自动拥有祖先元素上设置的某些样式
可以继承的属性： color，font-系列，text-系列,line-系列
3. 优先级
!important > 内联样式 > id选择器 > 类选择器 > 元素选择器 > * > 继承的样式
并集选择器每部分分开计算
二. 像素：能发光的点
1. 逻辑像素 = css像素
2. 物理像素 ，分辨率 1920 * 1080
三. css 属性
1. 颜色： color
去MDN上查看CSS：层叠样式表 | MDN (mozilla.org) 三种方式： red ， rgb 是光的三原色， hexa #
2. 字体属性
2.1 font-size
- font-size， 1px~ 12px，最终显示的是12px，浏览器设置-》外观-》字体，默认16px，也有默认18px，和浏览器厂商有关 h1 ~ h6 自带有font-size放大 和 加粗
2.2 font-family
- font-family: 字体族，查看电脑上安装的字体，个性化-》字体
font-family: "华文彩云", "楷体", "微软雅黑" // 从左向右，有则使用，没有则使用默认字体，中文有兼容性问题，应该使用英文 衬线字体： 字体有顿感 非衬线字体：字体无顿感，微软雅黑，sans-serif eg： font-family: "STCaiyun", "STHupe", "Microsoft YaHei", sans-serif
2.3 font-style
- font-style： 字体的风格
font-style: normal , italic
2.4 font-weight
- font-weight: 字体的粗细
font-weight: lighter 100-300, normal 400-500 , blod 600以上
2.5 复合属性
- font： font-size, font-family 必须有这两个属性，且放在倒数第一和倒数第二个
3. 文本属性
3.1 文本颜色 color
color: red, rgb, rgba, #39a9c2
3.2 文本间距letter-spacing word-spacing
letter-spacing: 10px // 字母间距，正数表示间距增大，负数表示间距变小 word-spacing:10px // 单词间距
3.3 文本修饰text-decoration
text-decoration: overline dotted green 上划的绿色 可设置的值： underline, line-through, none去除a标签的下划线
3.4 文本缩进 text-indent
text-indent: font-size*2
3.5 文本水平对齐text-align
text-align: left, center, right
3.6 细说font-size
font-size：字体设置框的大小，允许上方多一些，下方可以超出些，所以因为字体设计的原因，文字最终呈现的大小并不一定与font-size的值一致，可能大，也可能小
基线：紧贴着小写字母x的下边缘，所以文字相对字体设计框，并不是垂直居中的，通常靠下些
3.7 行高 line-height
选中，既是行高，因为font-size字体有可能会超出字体设计框的缘故，所以font-size不能和line-height设置成一样的值，一般是font-size的1.5倍
3.8 行高之注意事项
line-height: 负值是无效的值，最小值是0，可以继承， 大文字和小文字在一行时，是以基线对齐的，可以使用x查看
height 和 line-height height：是整体元素的height，line-height：是一行的行高，只要设置了height，那高度就是height的值，如果没有设置height，则高度是line-height * 行数
行高的应用场景：
- 调整多行文字的间距
- 调整单行文字的垂直居中：line-height = height
3.9 垂直底部对齐 line-height= height* 2 - font-size- x
3.10 vertical-align不能控制块级元素
vertical-align,不能控制块级元素，用于指定同一行元素之间或表格单元格内文字的垂直对齐方式。
注：子元素和父元素基线对齐
vertical-align baseline, top, middle
p107-p112
