CSS(第二部分)

1.样式继承(继承是发生在祖先和后代之间的)
后代元素会继承祖先元素的样式，一般将公共样式设置在祖先元素上，这样可以使后代元素都可以使用。
后代元素在继承祖先元素的样式时，不会继承祖先元素的所有样式。比如:背景相关，布局相关的都不会被继承。
2.选择器的权重
由高到低:
内联样式 1,0,0,0
Id选择器 0,1,0,0
类和伪类选择器 0,0,1,0
元素选择器 0,0,0,1
通配选择器的优先级 0
继承的选择器的优先级 没有优先级
**注意:**比较优先级时，需要将所有的选择器的优先级进行计算，最后优先级越高，则优先显示(分组选择器是单独计算的)
分组选择器是单独计算:如元素1，元素2，元素3{}
注意:连着写11个类选择器，它的优先级也不会超过id选择器优先级的最大级:
1.样式不生效，可能是优先级不够，可能被其他样式覆盖掉；选择器写的越具体，优先级越高
2.如果优先级计算后相等，则优先使用靠下的样式
3.！Important 作用:可以在某一个样式后加，则该样式会获取到最高的优先级，甚至超过内联样式(但是这个东西需要慎用，尽量不要使用)
3.像素和百分比
像素: 屏幕或者显示器实际上是有一个一个的小点构成，不同屏幕的像素大小是不同的，像素越小屏幕越清晰。所以，同样的200像素在不同的设备下显示效果不一样。
百分比:相对于父元素给子元素设置的，优势:子元素可以跟着父元素的改变而改变
4.rem和em
em相对于元素的字体大小来计算的，1em=16px,根据字体大小(font-size)来改变
rem 相对于html的字体大小来计算的，主要在移动端使用较多用来做适配大小不同的屏幕
5.RGB值
RGB通过三种颜色来调配出不同的颜色分别为红色，绿色，蓝色，三个值的范围都在0-255之间。也可以用百分比来表示, 语法:RGB(红色，绿色，蓝色)。
RGBA:A表示透明度 1表示完全不透明 0表示完全透明 .5表示半透明
6.HSL
色相(0-360) 饱和度(0-100) 亮度(0%-100%)
7.文档流