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
伪元素选择器
伪元素选择器

伪元素选择器概述伪元素选择器(Pseudo-element Selectors)用于选择元素的特定部分,例如首字母、首行、前面或后面的内容等。伪元素以双冒号 :: 开头。语法选择器::伪元素 { 属性: 值; }注意: 单冒号 : 是旧语法,双冒号 :: 是新语法(推荐)。为了兼容性,浏览器通常两种语法都支持。常用伪元素1. ::before - 元素前面插入内容在元素内容之前插入生成的...

2026年02月23日

0