CSS 属性速查
常用 CSS 属性离线速查：取值范围与示例代码，按布局/文本/背景/边框/动画分类。
CSS 属性速查
常用属性 · 取值 · 示例代码
没有匹配的属性
使用说明
📖 工具介绍
CSS 属性速查是一款面向前端开发者与样式调试场景的离线参考工具，把日常写样式时最常翻阅的属性整理成左侧分类、右侧列表的双栏布局。写页面时，我们经常记不清 justify-content 的可选值、box-shadow 四个参数的顺序、line-height 到底该写单位还是写纯数字。本工具把这些高频属性按布局、文本、背景、边框、动画五大类收纳在左侧导航，点击即切换，右侧列表实时展示该分类下每个属性的语义说明、常用取值胶囊和可直接复制的示例代码。顶部搜索框支持按属性名、取值或说明关键词即时过滤，例如输入 flex 就能看到所有与弹性布局相关的属性。所有示例均采用深色代码块呈现，便于对照你的样式表，复制代码按钮可一键导出当前可见的示例片段。
✨ 功能特点
- 收录布局、文本、背景、边框、动画五大类高频 CSS 属性
- 每条属性含语义说明、常用取值胶囊与可直接复制的示例代码
- 左侧竖向分类导航一键切换，移动端自动折叠为横向按钮
- 顶部搜索框按属性名、取值或说明实时过滤
- 深色代码块与取值胶囊层次清晰，方便快速对照
- 支持复制示例代码与下载 TSV 清单，便于离线查阅
📝 使用方式
- 在左侧导航点击需要的分类，或顶部输入属性名搜索
- 在右侧列表阅读每个属性的语义说明与常用取值
- 从代码块中复制需要的示例片段
- 用复制代码或下载清单导出当前筛选结果
- 点击清空筛选可回到全部分类视图
⚠️ 注意事项
- 取值简化：取值胶囊列出最常用写法，完整取值列表请参阅 MDN
- 单位建议：字号推荐 rem、间距推荐 px，具体视项目规范而定
- 兼容性：新特性如 grid、sticky 在旧浏览器可能需要降级方案
- 完全离线：所有数据内嵌本地，不发起任何网络请求
- 非全集：本表聚焦高频属性，完整属性请查官方规范