CSS 属性速查

← ToolBox / CSS 属性速查

📐 CSS Properties

📐 工作原理与说明
CSS 属性速查手册。
  • 分类：布局（display/flex/grid/position）、盒模型、排版、颜色与背景、变换与动画。
  • 要素：每项含取值语法、初始值、是否可继承与适用元素。
  • 继承性：font-size、color 等可继承；margin、padding、border 不可继承。
  • 用途：快速查阅属性含义与合法取值，减少文档往返。

Browse a CSS properties reference in your browser — syntax, values and examples for each property.

常见属性预设：

📏 CSS 单位参考

单位名称说明
px像素绝对单位，1px = 1/96 英寸
em相对父元素字体相对于父元素字体大小
rem相对根元素字体相对于 html 元素字体大小
vw视口宽度1vw = 1% 视口宽度
vh视口高度1vh = 1% 视口高度
vmin视口最小值vw 和 vh 中较小者
vmax视口最大值vw 和 vh 中较大者
%百分比相对于父元素
pt磅1pt = 1/72 英寸
cm厘米1cm = 10mm
mm毫米绝对单位
in英寸1in = 96px = 2.54cm
pc派卡1pc = 12pt
exx 字高相对当前字体 x 字符高度
ch字符宽度相对 0 字符宽度
fr分数单位Grid 布局专用
deg度角度单位，0-360deg
s / ms秒 / 毫秒时间单位，用于动画

📚 深度解析：CSS 属性速查

💡 常见使用场景

  • 查阅属性取值与兼容性。
  • 确认某个属性在目标浏览器的支持情况与前缀需求，再决定是否加 -webkit- 等前缀或换用替代方案。
查
`display: grid` 二维布局；`gap` 设间距。

❓ 常见问题（FAQ）

flex 与 grid？
一维用 flex，二维用 grid。
为什么同一个属性有时要加前缀？
浏览器在标准化过程中会先用带前缀的形式实现实验特性。现代浏览器大多已直接支持标准属性，只有较老版本或少数仍在草案期的属性需要前缀。建议按 Can I Use 查询目标版本，并让构建工具按 browserslist 自动注入，而非手写。
⚠️ 使用说明与注意事项

🔗 相关工具

📄 .properties 解析器 - 免费开发工具，properties 解析器 | ToolBox免费在线工具箱.properties 解析器 💻 AST抽象语法树查看器 - 在线解析JavaScript代码生成AST树形结构，支持节点 | ToolBox免费在线工具箱AST 抽象语法树查看器 🧹 CSS 压缩/美化工具 - 免费开发工具，CSS 压缩/格式化/美化 | ToolBox免费在线工具箱CSS 压缩/格式化/美化 🏋️ CSS 格式化 - 免费开发工具，在线CSS 格式化 | ToolBox免费在线工具箱CSS 格式化 ✨ Cron 表达式生成器 - 免费开发工具，在线Cron 表达式生成器 | ToolBox免费在线工具箱⏰ Cron 表达式生成器 🏋️ GraphQL 格式化 - 免费开发工具，在线GraphQL 格式化 | ToolBox免费在线工具箱◈ GraphQL 格式化
📖关于「CSS 属性速查」 ▼

📝工具简介

CSS 属性速查。专为开发者打造的在线工具，纯前端运行，代码不离开浏览器。