现代 CSS 解决方案：文字颜色自动适配背景色
在 23 年的 CSS 新特性中，有一个非常重要的功能更新 — 相对颜色。 简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。 其核心功能就是，让我们能够基于一个现有颜色 A，通过一定的转换规则，快速...
HTML/CSS 第2页
lee1214
现代 CSS 解决方案：原生嵌套（Nesting）
之前看过一篇与原生嵌套相关的文章 — CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？，彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段，而今天（2023-09-02），CSS ...
现代 CSS 解决方案：CSS 数学函数
在 CSS 中，其实存在各种各样的函数。具体分为： 本文，将具体介绍其中的 CSS 数学函数（Math functions）中，已经被浏览器大规模支持的 4 个： 为什么说是被浏览器大规模支持的？因为除了这 4 个目前已经得到大规模支持的数...
现代 CSS 解决方案：Modern CSS Reset
看过几篇关于 CSS Reset 的文章 – reset.css 知多少。 详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。 以更为推荐的 Normalize.c...
Grid布局-实例篇
一、概述 目前，CSS 网格布局（Grid）是当之无愧的最强 CSS 布局方案。 它的核心能力是将网页拆解为整齐的网格，只要灵活组合这些网格，就能轻松实现各种复杂布局。要知道，这类布局在以前，必须借助复杂的 CSS 框架才能做到，而现在浏览...
掌握这 8 个技巧，让你的 CSS 代码更简洁优雅
写出简洁优雅的 CSS 代码不仅能提高代码的可维护性，还能减少样式冲突。本文将介绍 8 个实用技巧，帮你提升 CSS 代码质量。 1. 善用 CSS 变量，提升代码复用性 使用 CSS 变量的好处： 2. 使用 :is() 和 :where...
常用的 10 个 CSS 一行代码技巧
在 CSS 开发中，一些简单的一行代码往往可以让你的页面变得更加优雅高效。以下是 10 个我喜欢使用的 CSS 一行代码，它们不仅简洁，还能在实际项目中起到很大的作用。 1. *设置宽高比例（Aspect Ratio）* 通过 a...
