第六周css笔记(二)

一，样式的继承

1，含义：①我们为一个元素设置的样式同时也会应用到它的后代元素上。发生在祖先和后代之间

②继承的设计是为了方便开发，利用继承可以将一些通用的样式统一设置到共同的祖先元素上，这样只需设置一次即可让所有的元素具有该样式。

ps：并不是所有的样式都会被继承，例：背景相关，布局相关。

二，选择器的权重

1，①样式冲突：通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值，此时发生样式冲突。

②发生样式冲突时，应用哪个样式由选择器的权重(优先级)决定。

2，选择器权重

①内联选择器 1000

②id选择器 100

③类和伪类选择器 10

④元素选择器 1

⑤通配选择器 0

⑥继承的样式 没有优先级

ps：⑴比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高，则越优先显示

⑵选择器的累加不会超过其最大的数量级。

⑶如果优先级计算后相同，此时优先使用靠下的样式

⑷可以在某一个样式后边添加!important，则此时该样式会获取到最高优先级。

ps：开发中慎用

三，单位

1，长度单位：像素

①屏幕(显示器)实际上是由一个个小点构成。

②不同屏幕的像素大小不同，像素越小的屏幕显示效果越好。

③相同的像素在不同的设备下，显示效果不一样

2，百分比

①可以将属性值设置为相对于其父元素的百分比。

②可以使子元素跟随父元素的改变而改变。