讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项目中不再凭感觉写代码。

wc!!!你不会还在用flex布局吧，都2024年了快进来看看css3最强布局Grid布局 绝对让你眼前一亮

连续性渐变的核心目标是确保渐变在不同元素之间连续流动，而不是在每个元素中重新开始。为了实现这一目标，我们使用背景吸附方案，将背景固定在视口而不是元素本身上。这样做可以创建一个整体上共享相同大渐变的假象

最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用 CSS 实现如下所示的布局效果： 正常而言，我们的 HTML 结构大致是如下所示： 对于 Hover 导航 Tab 时候的内容切换，

BEM 使用起来 很多人不晓得BEM是什么东西 我来解释给你们听   BEM是一种前端开发的命名方法论，全称为Block-Element-Modifier，中文翻译为块、元素、修饰符。BEM的主要思想

在平时开发中，有时候会碰到下面这种“弧形”样式，主要分为“内凹”和“外凸”两种类型，如下 该如何实现呢？或者想一下，有哪些 CSS 属性和“弧形”有关？下面介绍 3 种方式，一起看看吧 一、borde

在写一个网站组件，我决定使用tailwindcss,究竟它的魅力在何处，start有73k，然后看到它代码更新频率还是属于正常维护的 发现它的中文文档也很友好tailwindcss.中文文档 代码如下

基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释

如果您使用 CSS 有一段时间，那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 CSS 都是全局的，随着代码库的增长，防止样式相互冲突并导致意外副作用变得越来越困难!