巧用 CSS 伪元素，让背景图自适应保持比例 在前端页面开发中，经常会遇到需要背景图自适应容器且保持原始比例的需求。今天分享一个实用技巧，利用 CSS 伪元素结合 padding-top 来实现，以 

BFC：前端布局的核心概念 BFC（Block Formatting Context，块级格式化上下文）作为 CSS 布局中的重要概念，影响着元素的排列与显示效果。无论是解决高度塌陷、避免外边距重叠，

前言 在我们前端开发过程中，命名的方式各种各样。一般每个公司都有自己的一套命名规则以及代码规范。今天我们来聊聊CSS的一种命名规范BEM(block Element Modifier)。 什么是BEM

在 CSS 世界里，边框不只是 border 一条路。你可能一直用 border 写边框，hover 时元素宽度变化、渐变边框做不出来……其实，现在有更酷、更灵活的方式来实现边框效果。

什么是CSS？ 层叠样式表（CSS）是一种样式表语言，描述以HTML编写的页面的呈现方式。CSS是万维网的主要技术，与HTML和JavaScript并列。 打字效果 Drop shadow 当你处理

本文讲述了一个时间轴实现的核心原理，分钟级高精度、状态条基于百分比的精确定位、刻度线和时间标签自适应容器宽度

最近投稿了阮一峰周刊 to-unocss 的网站。 这个网站可以直接将 style 转换成 UnoCss 语法, 他内部使用了 transform-to-unocss 的库，可以直接将 SFC 页面转

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！

你是不是也觉得 will-change 是性能优化的“神器”？小心被它反噬哦！本文带你揭秘 will-change 这把“双刃剑”，看看它是怎么让无数前端“翻车”的。别再迷信万能优化