尚硅谷新版Web前端HTML5+CSS3知识点集合篇【P38-P53】

尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)

p38(15:28)-P53(23:10)
一、样式的继承
1.定义
-我们为一个元素设置的样式，也会应用到它的后代元素。
-继承是发生在祖先和后代之间的。
-优点：继承的设计是为了方便我们的开发，利用继承我们可以将一些通用的样式设置到共同的祖先元素上，这样我们只需要设置一次，就可以让所有元素都获取到该样式。
-注意：并不是所有的样式都会被继承，比如背景、布局等相关的这些样式都不会被继承。
二、选择器的权重
1.当我们通过不同的选择器选中一个相同的元素，并且为相同的样式设置不同的值时，此时发生了样式的冲突。
2.样式发生冲突时，由选择器的优先级决定。
3.选择器的权重：内联样式，优先级为1，0，0，0。 ID选择器，优先级为0,1,0,0。 类和伪类选择器优先级为0,0,1,0。 元素选择器优先级为0,0,0,1。通配选择器优先级为0,0,0,0。继承的样式没有优先级。比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级值越高的样式，优先使用。
4.分组选择器的优先级时单独计算的。
5.选择器的累加不会超过其最大的数量级（类选择器累加再高也不能超过ID选择器）
6.如果优先级计算后相同，此时则优先使用靠下的样式
7.可以在某一个样式的后边添加 !important ，则此时该样式会获取到最高的优先级，甚至超过内联样式，注意：在开发中这个玩意一定要慎用！

三、像素和百分比
1.像素
-像素:屏幕（显示器）实际上是由一个一个的小点构成的。
-不同屏幕的像素大小不同，像素越小的屏幕显示的效果越清晰。
-所以同样的200px在不同设备下的显示效果是不一样的
2.百分比
-也可以将属性值设置为相对于其父元素属性的百分比
-设置百分比可以使子元素跟随父元素的改变而改变
3.em
-em是相对于元素的字体大小来计算的，1em=1font-size（一般浏览器默认的字体大小为16px），em会根据字体大小的改变而改变。
4.rem
-rem是相对于根元素（html）字体大小来计算的

四、颜色