6.1继承性
只需要给祖先元素设置文字属性,后代所有元素就能加载这个属性。这个特性我们叫做继承性
能够继承的只有文字
6.2层叠性
css样式表有叫层叠样式表。
通过上面的案例,我们发现一个标签可以被多个选择器选中,并设置对应的属性
如果多个选择器,设置了同一个属性,怎么办?
是会被层叠掉的
在设置同一属性情况下
ID样式方法权重最大
如果被多个选择器同时选中,首先看ID的,如果没有ID的,看class的,如果没有class的,看标签的。
如果遇到复杂的选择器,先把所有选择器罗列出来 从ID选择器比较数量多的获胜 ,如果ID选择器相同或者没有,比较类名选择器,如果类名选择器没有或者数量相同
比较标签选择器,数量大的获胜。如果所有选择器数量器相同,后写的覆盖先写的
6.3就近原则
如果都没有选中对应标签
就看谁离得近,离得近就会被选中,如果都是同一个元素才会去数权重。
# 关于层叠性总结:
#
# 总结:
#
<h2><p style="color:red">遇到了复杂的选择器,首先看是否同时选中一个元素,如果都选择是同一个元素,则数权重,如果层级不同,比较如果有的是父亲级别,有的是爷爷级别,使用就近原则,谁离得近听谁,如果所有的权重一样,选择位置也一样,后书写的覆盖前面的。</p></h2>
- 简介
- 文字三属性(颜色,字号,字体)
- 盒子三属性(width , height, background-color)
- CSS引入方法
- CSS选择器
- css高级选择器
- CSS的继承性
- 颜色属性color
- 字体font-family
- 字号font-size
- 文字在盒子行高 line-height
- 字体加粗font-weight
- 字体样式font-style
- 文本段落对齐text-align
- 文字修饰(上划线下划线中划线 text-decoration)
- 文字缩进text-indent
- 盒子模型的宽度与高度width,height
- 内边距padding
- 边框border
- 外边距margin
- 清除默认样式
- 盒子height高度属性拓展
- 文字在盒子里居中text-align:center
- 盒子在盒子里的水平居中
- margin塌陷
- 标准文档流display
- 浮动float
- 浮动元素性质
- 浮动贴边原理
- 浮动元素的标准流问题(文字围边效果)
- 清除浮动
- 清除浮动影响二: clear属性
- 清除浮动overflow方法
- 伪类标签
- background-color背景颜色属性
- background-image 背景图片调用
- background-repeat 背景图平铺状态
- background-position背景定位
- background-attachment背景附着
- background综合语法
- 相对定位position:relative
- 绝对定位position:absolute
- 定位压盖顺序
- CSS制作LOGO超链接妙招
- CSS公共类的继承性
- em单位
- 媒体查询
- flex布局