css

神膘护体小月半

flex 布局的 order 属性

java1234_小锋

【技术专题】CSS3 网页技术 - CSS3 优先级大家好，我是Java1234_小锋老师，最近更新《一天学会 CSS3 视频教程(无废话版) 》专辑，感谢大家支持。

绝世唐门三哥

CSS 换行三剑客：overflow-wrap、word-break 与 white-space 完全指南从一次"为什么长单词撑爆了我的容器"的踩坑说起在排查文本溢出问题时，你一定见过这样一段代码：然后有人在 Code Review 里抛出灵魂拷问：

Z-indexz-index 用来控制元素在 Z 轴上的叠放顺序，也就是多个元素重叠时，谁显示在上面。可以把页面理解成三维空间：

2026 CSS 接管了这些 JS 的活：6 个 Baseline 特性的落地取舍摘要：field-sizing、contrast-color()、shape()、兄弟索引函数、容器样式查询和 :open 在 2026 年陆续进入 Baseline。它们没有取代 JavaScript，却开始接管尺寸监听、颜色判断、响应式图形、序号计算、组件变体和开关状态等 UI 胶水代码。本文通过 6 组新旧实现，讨论哪些逻辑适合交还浏览器，哪些仍然必须留在 JavaScript。

gCode Teacher 格码致知

前端教学8:提高 CSS 选择器的优先级,有哪些方法？这是一个教学性质的知识问答，用户是 Web 前端教师，之前一直在收集教学案例。这个问题正好承接伪类/伪元素的话题（优先级在 LVHA 那里已经提到过"同优先级后写的覆盖先写的"）。

CSS 表单选择器与伪元素选择器详解在 CSS 中，选择器是样式规则的"入口"。除了常见的类选择器、ID 选择器和后代选择器之外，还有两类在实际项目中非常高频、却容易被忽视的选择器：

狮子座的男孩

html+css基础：25、3D变换(3D空间与景深/透视点的位置/位移/旋转/缩放/多重变换/背部可见性)// 一进入页面后的页面：// 一进入页面后的页面：// 一进入页面后的页面：// 一进入页面后的页面：

CSS 浏览器厂商前缀：从「写 5 遍」到现代自动化兼容如果你刚学 CSS 兼容，一定见过这种「叠罗汉」式的写法：逻辑很直白：「我不知道用户用什么浏览器，所以把各浏览器能认识的写法都写一遍，谁支持就用谁」。这套思路背后，就是我们要讲的——浏览器厂商前缀（Vendor Prefix）。

CSS Grid 入门：二维布局时代的降维打击在面对极其复杂的网页骨架时，Flexbox 会显得有些捉襟见肘。想象一下，你要构建一个包含页眉、页脚、侧边栏和主内容区的复杂仪表盘，如果只用 Flexbox，你可能需要写无数个嵌套的容器。今天，我们将迎来 CSS 布局史上的终极武器——CSS Grid。作为真正的二维布局系统，它将彻底改变你规划页面的方式，带来一场真正的“降维打击”。

CSS BEM 命名规范｜组件化样式分层权威指南BEM 是一套命名约定，不是语法，全称：目标：消除样式命名歧义、降低选择器权重、避免深层嵌套、方便团队协作维护。

进击的明明

前端开发中的 BEM 国际命名规范：让 CSS 不再"打架"你是不是也经历过这样的场景：你给按钮写了个 .btn 样式，美滋滋。结果第二天，同事也在他的模块里写了个 .btn，样式完全不一样。两个 .btn 在页面上相遇，CSS 层叠规则开始"打架"，按钮变得四不像。你俩对着屏幕面面相觑——这锅到底谁的？

CSS 分组选择器与链接伪类选择器详解在 CSS 中，选择器是连接 HTML 结构与样式的桥梁。当页面元素越来越多时，如果为每个元素单独写一条规则，样式表会变得冗长且难以维护。分组选择器和链接伪类选择器正是解决这类问题的两把利器：前者帮我们把相同样式一次性套用到多个选择器上，后者则让超链接拥有「未访问、已访问、悬停、按下」等不同状态下的差异化表现。

【每天一个CSS | Day33】聚焦即弹出的命令面板胶囊分段控件，一个状态源驱动滑块和数据面板，键盘方向键白送可达性。今天的组件，是现代编辑器里最经典的一种交互：命令面板（Command Palette）。

CSS 用户行为伪类：:hover 与 :focus 详解在 CSS 中，伪类（Pseudo-class）用于描述元素的特定状态。其中一类伪类专门用来表达「用户与元素发生了交互」，我们称之为用户行为伪类（User Action Pseudo-classes）。

前端改了三页、后端也动了，用户说「完全没变化」——我在 116 库上找到的三个真凶我拿到用户发来的截图，第一反应是翻错页面了——日期栏显示 2021 年，这是当初的设计原型图，不是当前线上页面。确认完这个之后，真正的问题浮出来：用户说「条数栏看不到、化学成分查不出来、模拟数据没有」，但我翻代码发现前端 9 个子页早就加了 query-count-bar 组件，后端对应接口也写好了。

CSS 字体样式：颜色、字体族、倾斜、加粗与装饰CSS 中和「字体」相关的属性不少，但日常开发里真正高频用到的其实就五类：字体颜色、字体族、倾斜、加粗、文字装饰。把这五个属性吃透，绝大多数页面的文字排版需求都能覆盖。

狮子座的男孩

html+css基础：24、2D变换(位移/缩放/旋转/扭曲(了解)/多重变换/变换原点)// 一进入页面后的页面：// 一进入页面后的页面：// 一进入页面后的页面：// 一进入页面后的页面：

CSS 复现 23 种设计风格：从拟物到液态玻璃的成本阶梯与兜底写法【实战】液态玻璃上线 16 个月后，苹果在 iOS 26.1 给它加了个开关。这篇文章用 CSS 复现 2007–2028 年的 23 种设计风格，回答三个工程问题：

CSS 学习：类型选择器与 AI 注释实战CSS（层叠样式表）是前端开发中不可或缺的一部分，而类型选择器（Type Selector）是最基础、最常用的选择器之一。与此同时，随着 AI 辅助编程的普及，如何在 CSS 中写好注释、让 AI 更好地理解你的代码，也成了一项实用技能。