菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: css_刘路文_20230209 [打印本页]

作者: 呦2443 时间: 2023-2-10 00:07
标题: css_刘路文_20230209
今天学习的内容：    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：复习白天的内容。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)