HTML5CSS3从入门到精通,样式继

样式的继承即为一个元素设置样式，会应用到它后代元素上。

继承是发生在后后代之间的，继承的设计是为了方便我们开发。利用继承，我们可以将一些通用样式设置到共同父元素上。这样只需设置一次即可让所有的后代元素都具有该样式。

注意，并不是所有的样式都会被继承：比如背景、布局相关的这些样式就不会被继承。

当我们通过不同选择器，选择相同元素对它们设置不同样式，那么样式就会产生冲突，在发生样式冲突时，最终由哪个选择器设置的样式生效呢？可以看下面这张图。

权重可以理解为二进制数

比较优先级时，需要将选中这个元素的对应选择器的权重进行累加，值越大那么优先级就越高。比如这种交集选择器：div.red，权重值=类选择器权重+元素选择器权重

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

可以再某一个样式后面加一个!important,那么它就是无敌的，最高优先级，但是再开发中尽量避免用！

来个小例子热热身：

网页上的长度都是用像素px进行描述的，px就是一个点的大小，至于这个点多大跟屏幕的分辨率有关系。

em根据自身元素的font-size像素大小为准，1em=1个font-size的大小，比如font-size:5px,那1em=10px。

rem就简单了，它是以html素的font-size像素大小为准

就是取父元素长度的百分比。比如width：%就是宽度撑满整个父元素

如：red、orange、yellow、blue、green等等

●语法：RGB(red,green,blue)●范围：每一种颜色的范围在0~（0%~%）之间RGBA就是在rgb的基础上增加了一个a表示不透明度

●1表示完全不透明●0表示完全透明●.5半透明十六进制的RGB值

就是RGB值的十六进制写法

●语法：#RRGGBB●范围：每一种颜色的范围在00~ff之间

如果颜色两位两位重复可以进行简写，如#aabbcc=#abc

参考：尚硅谷