在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。 简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。 其核心功能就是，让我们能够基于一个现有颜色

LESS和SCSS都是CSS预处理器，它们在原生CSS的基础上提供了额外的功能和语法，本篇文章旨在让大家了解 LESS 和 SCSS 这两种工具的特点，让大家能够选择出更适合的哪一个。

介绍一些你可能没用过的SVG & CSS小技巧。 在平时开发中，很多时候都会用到SVG。大部分情况我们都不必关注SVG里面到底是什么，直接当成图片资源引入就行，比如常见的图标资源 我们可以通过多种方式

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

accent-color 是从 Chrome 93 开始被得到支持的一个不算太新属性。之前一直没有好好介绍一下这个属性。直到最近在给一些系统整体切换主题色的时候，更深入的了解了一下这个属性。 简单而言

CSS margin-trim 属性： 边距修剪 margin-trim 属性是一个用于控制盒模型外边距（margins）的属性，旨在实现更精确的外边距控制。它的目的是解决传统外边距塌陷和重叠问题，以

在本文中，将聚焦于这样一种CSS属性：`shape-outside`。这一属性或许并非家喻户晓，却能提供一种新颖的方法来控制文本环绕非矩形物体的流动，从而在视觉布局上实现更令人惊艳的设计。

一、块级格式化上下文 块级格式化上下文（Block Formatting Context，BFC）是 Web 页面的可视 CSS 渲染的一部分，规定常规文档流（normal flow）中 块级盒子（b

因为工作中遇到了需要绘制蜂巢效果的需求，所以我特地恶补了关于css绘制多边形的方案，目前找到的主流方案如下