一、什么是BFC？ 块级格式化上下文（Block Formatting Context，BFC）  是CSS布局中的一个核心概念，它决定了元素如何对其内容进行布局，以及与其他元素之间的关系和相互作用。

最近不忙，我下定决心花半天时间彻底搞懂 GSAP。我打开官方文档，耐着性子读完了核心概念。结果令我大吃一惊——如此简单！曾经让我望而生畏的那些复杂动画，其底层逻辑，无非是建立在两三个核心概念之上。

BFC到底是什么东西 BFC（Block Formatting Context，块级格式化上下文）是Web页面中一个独立的渲染区域，它规定了内部块级元素的布局方式，并且这个区域的布局不会影响到外部元素

本人在生产项目中使用 UnoCSS 已经快两年了。前段时间在公司无脑整理了培训文档和我常用的一些小技巧，现在将排除项目内部代码之外的内容分享出来。

css 常用代码片段 隐藏滚动条或更改滚动条样式 检测横屏竖屏 第一种： 第二种： 移动响应式设置 单位适配： 不考虑兼容性： 考虑兼容性： 点击元素禁止产生背景或边框 禁止长按链接与图片弹出菜单 禁

本文介绍一个在 Web 中很实用的交互：在需要截断的文本后面，紧跟一个鼠标 hover 上去才会展示的按钮，执行一些和省略文本强相关、轻操作的动作。

在当今的前端开发领域，样式表语言的进步已经显著提升了代码组织性和可维护性。Sass（Syntactically Awesome Style Sheets）作为CSS预处理器的翘楚。

本文汇总了部分css中常见的知识点，并进行简单的论述，不做深入分析。旨在重拾早已淡化的记忆，温故而知新！

前言 今天在B站上看到了如何实现高度自动的过渡, 再加上我以前收集的内容，小记一下 关于 height 不可以设置过渡动画 我想只要是写过 css 对于这个属性就不陌生，它可以设置一个元素的高度， 那