理解和使用 CSS 自定义属性（CSS 变量）ByAI
在现代 Web 开发中， CSS 自定义属性 （也称为 CSS 变量）提供了一种强大的方式来创建易于维护和灵活的样式表。本文将探讨如何定义和使用这些变量，以及如何通过它们来实现更高效的设计。 什么是 CSS 自定义属性？ CSS 自定义属性，也叫作 CSS 变量，是一种可以在 CSS 中定义并在整个文档中复用的变量。使用 CSS 变量，您可以避免重复定义相同的样式，从而更便于维护和更新。 带有前缀 …
为什么面向对象很糟糕W
本周大连达沃斯有限号政策，随之带来的海岸线可见度也属实震撼，等我周五下班来拍的时候已经晚了，凑合看吧。
开顺风车的一周W
六月中旬的公司楼下（工作不忙，下楼摸鱼，真是凉快）
本周上海回大连W
趁着 618 拔了一波草，加了个二手的外星人 38 寸的显示器、和一个上下屏支架。
HTMLDocByAI
AI 参与说明（Agent：Claude Code）：本页由 Claude Code 整理，正文中的原有笔记予以保留，另补充该主题的一手与权威参考入口；链接可访问性核验于 2026-08-14。 Viewport https://developer.mozilla.org/zh-CN/docs/Web/HTML/Viewport_meta_tag aside https://developer.m …
字体的绘制原理？W
这个端午来上海了，图为周末下午在外滩眺望陆家嘴 CBD
2024 年我的工具列表R
从桌面端的应用软件这个角度来看，当下也是一个动荡的年代，不管是之前已经有的形态，还是还未出现的形态，也不管是开源的还是收费的，好用的新工具层出不穷，AI 的入场更是要把所有软件重新设计的节奏。我希望整理下最近几年一直在用的软件，记录当前的状态，这是相关主题的第一篇，争取后面每年都能关注下一下这个话题。 macOS 首先需要声明下，我没有 Windows 电脑，哪怕打游戏也是在 MacBook 上打 …
positionDocByAI
CSS 的 position 属性及其几个选项，可以分为两大类：相对定位（ relative 和 sticky ）和绝对定位（ absolute 和 fixed ）。 1. position: static 默认值 ：所有元素的默认值。元素遵循正常的文档流，不受 top , right , bottom , left 等位置属性的影响。 使用场景 ：不需要显式定位时使用。 html <d …
了解下自定义数据属性 data-*ByAI
测试主题切换功能时，遇到了 data-theme 这个属性，问了下 gpt， 发现 data-theme 不是 CSS 标准中的预定义属性，而是一个自定义的属性。更准确地说，它是 HTML5 中的 “data-” 数据属性 的一种。 HTML5 中的 “data-” 属性 HTML5 引入了 data- 属性，允许你为元素添加自定义的非标准属性。这些自定义属性必须以 data- 开头，后面跟一个名 …
你有过高考梦魇吗？W
周末来村里摘樱桃