z-index 层叠顺序
z-index 层叠顺序

z-index 层叠顺序一、z-index 概述定位的元素脱离了正常文档流,他相当于漂浮在文档上面。那如果有很多个元素都用了定位,那如何确定这些元素的层叠顺序呢?z-index 就是用来指定定位元素的堆叠顺序。二、z-index 的特性在同一层叠上下文中 z-index 值的特性:✅ z-index 的默认值是 auto✅ z-index 值可以是正数,也可以是负数✅ z-index 值越大...

2026年02月23日

0
CSS 定位基础
CSS 定位基础

CSS 定位基础一、position 属性概述CSS 中 position 属性用于指定一个元素在文档中的定位方式。1.1 定位类型属性值描述static没有定位,元素出现在正常的流中(默认值)relative相对定位,相对于自身正常位置进行位置的调整absolute绝对定位,相对于其最近的定位的父元素定位fixed固定定位,相对于浏览器窗口进行位置调整sticky粘性定位,基于用户的滚动位...

2026年02月23日

0
其他选择器
其他选择器

其他选择器概述除了常用的选择器外,CSS 还有一些其他有用的选择器,包括目标伪类、语言伪类、空伪类、根选择器等。其他选择器详解1. :root - 根元素选择器选择文档的根元素(HTML 文档中就是 <html> 元素)。常用于定义 CSS 变量。/* 定义 CSS 变量 */ :root { --primary-color: #3498db; --secondary-c...

2026年02月23日

0
序号选择器
序号选择器

序号选择器概述序号选择器是指基于元素在父元素中的位置顺序来选择元素的选择器。主要包括 :nth-child()、:nth-last-child()、:first-child、:last-child 等选择器。基本序号选择器1. :first-child - 第一个子元素选择父元素的第一个子元素。/* 选择第一个列表项 */ li:first-child { color: red; f...

2026年02月23日

0
属性选择器
属性选择器

属性选择器概述属性选择器(Attribute Selectors)用于选择具有特定属性的元素,或者属性值满足特定条件的元素。语法[属性名] { /* 选择具有该属性的元素 */ } [属性名="值"] { /* 选择属性值完全匹配的元素 */ } [属性名~="值"] { /* 选择属性值包含该词的元素(词列表) */ } [属性名|...

2026年02月23日

0