css
4篇文章 · 0订阅
  • 纯CSS实现蛇形流程图/步骤条
    前言 需求说明 实现效果如图： 关键点 首先复习一些要用到的css知识 grid布局 :nth-child(3n) css选择器 选择属于其父元素的第3n(3,6,9...)个子元素 :last-ch
    前端 CSS
    纯CSS实现蛇形流程图/步骤条
  • HTML5 自定义属性 data-*：别再把数据塞进 class 里了！
    还在用 `<div class="user-card id-123 status-active">` 这种“歪门邪道”存数据吗？是时候让 HTML5 的 自定义属性来拯救你的代码洁癖了。
    JavaScript 前端 代码规范
    HTML5 自定义属性 data-*：别再把数据塞进 class 里了！
  • 网页也懂黑夜与白天：系统主题自动切换
    前言 不知道大家有没有遇到过，网页会根据系统设置的外观模式，显示不同的主题样式。这是如何实现的呢？ 1、核心原理：认识 prefers-color-scheme 媒体查询 CSS原生媒体特性 pref
    前端
  • 自动换行 CSS Grid 网格布局概念解析
    在网页布局中，我们常常需要将一系列内容（比如图片、列表或者宝可梦角色等）以网格形式展示。这些内容的数量、宽度和高度可能随时变化，这就给我们使用固定的 CSS 网格布局带来了挑战。
    前端 CSS HTML
    自动换行 CSS Grid 网格布局概念解析