基础回顾css之三大继承性,定位原点

163 阅读1分钟

基础回顾css之三大继承性,定位原点

继承性 子元素可以继承父元素的 css 属性 比如 font-size color text line 但是 a 标签不能继承 颜色 还有下划线属性 h1 标题开头的不能继承大小 1.并不是所有的属性都可以继承, 只有以 color/font-/text-/line-开头的属性才可以继承 2.在 CSS 的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 3.继承性中的特殊性 3.1 a 标签的文字颜色和下划线是不能继承的 3.2 h 标签的文字大小是不能继承父级的。

层叠性 选择器相同 属性相同会发生冲突,在相同优先级的的情况下 下面的样式元素会将上面的层叠掉。

p {
  color: red;
}
p {
  color: blue;
}

css优先级 权值 !important 内联 id class 标签 通配符 内联>内嵌>外部引入

position

  1. fixed 指定元素相对于屏幕视口(viewport)
  2. absolute 通过指定元素相对于最近的非 static 定位祖先元素的偏移,来确定元素位置
  3. relative 相对于自身 位置留白
  4. sticky 相对于 可以滚动最近的祖先元素