今天学习的内容: 9:00-20:00:1、层叠性:如果选择器相同,此时新的样式会覆盖掉旧的样式.层叠性的原则:样式冲突,遵循就近原则,哪个样式距离结构更近,就执行哪个样式;样式不冲突,不会出现层叠问题.
2、继承性:子元素会继承父元素的某些样式,比如文本或者字体相关样式等;子元素能继承的父元素的样式:text-、font-、line-等属性 以及 color属性。
3、优先级(权重问题):如果为同一个元素指定多个选择器时,就会出现优先级的情况。如果选择器相同,执行层叠性;如果选择器不同,按照权重来执行.
4、各种情况的权重表:继承 或者 *:权重是 0,0,0,0;元素选择器:权重是 0,0,0,1;类选择器/伪类选择器:权重是 0,0,1,0;ID选择器:权重是 0,1,0,0;行内样式:权重是 1,0,0,0;!important:权重是 ∞(无穷大).
5、判断优先级的注意点:1、权重是由4组数字来组成的,不会有进位的情况出现,意思就是类选择器永远比元素选择器的权重高;2、继承的权重是0 ,不管父元素的权重多高,对于子元素来说权重都是0;3、如果有出现了复合选择器,那么权重是多个选择器权重相加.
6、权重叠加:div ul li 权重是 0,0,0,3;.nav ul li 权重是 0,0,1,2;a:hover 权重是 0,0,1,1;.nav a 权重是 0,0,1,1.
7、边框:属性名:border.常用的写法:border: border-width border-style border-color;(属性是没有顺序的,推荐这样去写).border-style的值:dotted:点线边框;dashed:虚线边框;solid:实线边框.
21:00-23:00:复习白天的内容。
|