什么是 CSS 继承概述CSS 继承是指子元素自动继承父元素的某些样式属性。继承是 CSS 的三大特性之一(继承、层叠性、优先级)。继承的工作原理当一个元素设置样式时,如果没有明确指定,子元素会自动继承父元素的某些属性值。/* 父元素设置字体大小 */ .parent { font-size: 16px; color: #333; line-height: 1.6; }<d...
定位实战应用一、绝对定位实现垂直水平居中方法1: margin 负值法<style> * { margin: 0; padding: 0; } .parent { width: 300px; height: 300px; border: 1px solid #000; margin: 50px auto; ...
层叠上下文详解一、什么是"层叠上下文"1.1 基本概念层叠上下文(stacking context),是 HTML 中一个三维的概念。在 CSS2.1 规范中有明确强调,每个 CSS 盒模型都是处在一个三维空间里面他们分别处在平面的 X 轴、Y 轴以及表示层叠的 Z 轴1.2 形象理解默认情况下,HTML 元素在页面是沿 X 轴和 Y 轴平铺,所以我们察觉不到它们在 Z 轴上的层叠关系。一旦...
z-index 层叠顺序一、z-index 概述定位的元素脱离了正常文档流,他相当于漂浮在文档上面。那如果有很多个元素都用了定位,那如何确定这些元素的层叠顺序呢?z-index 就是用来指定定位元素的堆叠顺序。二、z-index 的特性在同一层叠上下文中 z-index 值的特性:✅ z-index 的默认值是 auto✅ z-index 值可以是正数,也可以是负数✅ z-index 值越大...
CSS 定位基础一、position 属性概述CSS 中 position 属性用于指定一个元素在文档中的定位方式。1.1 定位类型属性值描述static没有定位,元素出现在正常的流中(默认值)relative相对定位,相对于自身正常位置进行位置的调整absolute绝对定位,相对于其最近的定位的父元素定位fixed固定定位,相对于浏览器窗口进行位置调整sticky粘性定位,基于用户的滚动位...