css

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 更好地理解你的代码，也成了一项实用技能。

CSS 类选择器详解：从入门到实战CSS（层叠样式表）是网页设计的核心语言，而选择器则是 CSS 中最基础也最重要的概念。简单来说，选择器就是告诉浏览器"我要给页面上的哪些元素设置样式"的规则。

模型：500kW飞轮 10kV输电线路油田抽油机同时考虑无功补偿统计：全年节电量结果56万度电

CSS 后代选择器与子代选择器：从入门到实战在 CSS 中，选择器是连接 HTML 结构与样式的桥梁。当我们面对嵌套层级较深的页面结构时，如何精准地选中目标元素，是写出高效、可维护样式代码的关键。今天我们就来系统学习两种最常用的组合选择器——后代选择器与子代选择器，搞清楚它们的区别、适用场景以及常见坑点。

王大师王文峰

HTML 入门到进阶：语义化标签、表单与多媒体一篇打通【语义化布局、表单校验、video/audio、Canvas、无障碍与 SEO】✍️ 作者：王文峰（外号：神秘小峯 / 山峯）｜中国国学、传统文化与代码爱好者的程序人生，期待你的关注和支持！

晓得迷路了

栗子前端技术周刊第 150 期 - Stack Overflow 开发者调查结果、TanStack Start 1.0...🌰栗子前端技术周刊第 150 期 (2026.09.11 - 2026.10.18)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。

对于CSS：弹性布局（Flexbox）的解析hello 大家，本篇博客我们来学习CSS中的弹性布局。大家好，欢迎来到这篇专为零基础同学打造的 CSS 弹性布局终极解析长文！如果你刚接触前端开发，一定被 CSS 布局折磨过无数次：

云老大-阿里云国际站代理商

华为云国际站渠道代理商：CSS查询很慢但CPU不高？磁盘I/O、JVM与分片问题怎么排查华为云国际站CSS集群CPU使用率不高，但商品搜索、日志检索等查询仍可能响应缓慢。问题不一定是计算资源不足，应优先检查JVM内存、磁盘I/O、分片分布及慢查询日志，再判断是否需要扩容。

Webpack迁到Vite第三节：Less 与 CSS 处理本篇定位：Less 处理链的整体搬迁——style-resources-loader → additionalData、~ 前缀 → Less 编译器插件、品牌色 modifyVars 覆盖、Less 4.x 的 math 变化与 CSS url() 路径。每条链路均从 Webpack 原配置出发，对照 Vite 等价方案。

对于JavaScript：初识JavaScript以及输入输出hello 大家，本篇博客我们来学习JavaScript~先问大家一个问题：你每天上网都在做什么？可能是刷淘宝时，点击 “加入购物车”，按钮瞬间变色、购物车数字 + 1；可能是刷抖音网页版时，手指（或鼠标）一滑，下一个视频自动加载；可能是填某个注册表单时，刚输完手机号，就弹出提示 “手机号格式不正确”；甚至可能是玩网页版小游戏时，点击屏幕就能控制角色跳跃……