标签:css absolute col 嵌套 第一个 有一个 pad 情况 strong
层叠和继承的概念
一般文本类的属性会被继承,即某个元素的CSS属性会传递给内部嵌套的元素。一个元素可能有一个或者多个样式的来源,当属性发生冲突时,就会根据加载顺序和权重大小决定层叠之后显示的属性。
选择器的优先级
行内 | id | class | 元素 | |
行内 | 1 | 0 | 0 | 0 |
id | 0 | 1 | 0 | 0 |
class、属性、伪类 |
0 | 0 | 1 | 0 |
元素、伪元素 | 0 | 0 | 0 | 1 |
通配符* | 0 | 0 | 0 | 0 |
!important | 最高 |
盒模型
margin
|
定位(position)
relative:做absolute之父,可配合z-index(默认值为auto,auto算出来是0,但是auto和z-index:0不同。值越高在越上)
absolute:脱离某层文档流,找父级元素中第一个有定位的元素(position不是static的就是有定位的元素)
fixed:这个会固定在页面中,上下拖动你的页面都不变,微博里面回到顶部的就是这么用的
sticky:没出页面的时候是正常的relative,出了就fixed在顶端
常规流
常规流、文档流、普通文档流、常规文档流
所有元素,默认情况下,都属于常规流布局
总体规则:块盒独占一行,行盒水平依次排列
包含块(containing block):每个盒子都有它的包含块,包含块决定了盒子的排列区域。
绝大部分情况下:盒子的包含块,为其父元素的内容盒
标签:css absolute col 嵌套 第一个 有一个 pad 情况 strong
原文地址:https://www.cnblogs.com/xf2019/p/12043865.html