用途:Tiny CSS 面向小型、极简的网页项目,如个人站点、原型和简单落地页,目标是写出尽可能少的 CSS,把其余交给浏览器处理。
主要能力与原则:信任浏览器、不重置已正常工作的默认样式;使用现代 CSS 特性替代过去由 JavaScript 完成的工作;尊重用户在动效、对比度和配色上的系统偏好;使用逻辑属性写出易于国际化的健壮样式。
具体做法:不声明基础字号,保留浏览器默认的 100%(通常 16px),让用户可在浏览器中调整;使用 system-ui 系统字体并设置 font-feature-settings: "ss06" 以获得更易区分的字符;用 text-wrap: balance 与 text-wrap: pretty 改善标题和段落换行;不声明默认颜色和背景色;用 color-scheme: light dark 自动支持明暗模式;用 accent-color 自定义复选框、单选按钮、滑块和进度条颜色;让 SVG 用 fill: currentColor 继承文字颜色;用逻辑属性(如 margin-inline、padding-block、inline-size、min-block-size)替代物理属性;让图片、视频和 iframe 自适应缩放;为可点击元素添加 pointer 光标;在 forced-colors: active 下为按钮加边框以保证高对比度可见;仅在用户未要求减少动效时启用平滑滚动。
使用方式:资料给出一个完整的最小基础样式表,可按需取用其中的规则;技能说明未提供安装命令或配置步骤,暂未提供。
适用场景与限制:仅适用于个人站点、原型和简单落地页等小型极简项目;资料未说明在复杂应用、框架集成、收费与平台方面的信息,暂未提供。