1.1层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则:*样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式*样式不冲突,不会层叠1.2继承性现实中的继承:我们继承了父亲的姓CSS中的继承:子标签会继承父标签的某些样式,如文本颜色和字号。简单的理解就是:子承父业。*恰当地使用继承可以简化代码,降低CSS样式的复杂性*子元素可以继承父元素的样式(text-、font-、line-这些元素开头的可以继承,以及color属性)*继承性口诀:龙生龙,凤生凤,老鼠生的孩子会打洞1.3优先级选择器权重如下表所示。优先级注意点:1,权重是有4组数字组成,但是不会有进位。2,可以理解为类选择器永远大于元素选择器,id选择器永远大于类选择器,以此类推.3,等级判断从左向右,如果某一位数值相同,则判断下一位数值。4,可以简单记忆法:通配符和继承权重为0,标签选择器为1,类(伪类)选择器为10,id选择器100,行内样式表为1000,！important无穷大.5·继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0。1.2盒子模型(盒子模型)组成所谓盒子模型:就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括:边框,外边距、内边距,和实际内容1.3边框(border)border可以设置元素的边框。边框有三部分组成：边框宽度(粗细)、边框样式、边框颜色语法:border : border-width | | border-style | | border-color
2021-03-07
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 1.CSS三大特性 1.1 层叠性 作用：相同选择器设置相同样式，此时一个样式会覆盖另一个冲突的样式，主要解决样式...
