| 属性 | 常用取值 | 说明 |
|---|
使用说明
- 搜属性名（flex）或用途（阴影、居中、动画）定位。
- 现代布局优先用 flex 和 grid，别再依赖 float 和表格布局。
- 注意哪些属性会触发重排（如 width、top）哪些只触发重绘或合成（如 transform、opacity），做动画时优先用后者，性能差别很大。
常见问题
垂直居中到底怎么写最简单？
现在最简单的答案是 flex：父元素写 display:flex; align-items:center; justify-content:center; 一行就搞定，不用管内容高度。老方案（line-height、absolute + transform）只在特定条件下适用，新项目没必要用。
为什么我的宽度加了 padding 就变了？
因为默认 box-sizing 是 content-box，width 只算内容区，padding 和 border 会额外撑大元素。全局加 * { box-sizing: border-box; } 之后，width 就包含了 padding 和 border，尺寸从此可预期，这是几乎所有项目的标准做法。
transform 和直接改 top/left 有什么差别？
性能差很多。改 top/left 会引起布局重排，浏览器要重算周围元素位置；transform 只做合成层变换，不触发重排重绘，能交给 GPU 处理。做动画和拖拽一律用 transform: translate()。
相关工具
Linux 命令大全
70 个 Linux 常用命令速查表：命令、作用、真实示例、常用参数与注意点
常用 Web API 速查
44 个常用浏览器原生 API 速查表：作用、代码示例与兼容性提示
MySQL 保留字大全
139 个 MySQL 关键字和保留字对照表：关键字、类别与用途
XPath 语法速查
XPath 语法速查表：表达式、含义与示例，覆盖路径、谓词、轴和常用函数
XPath 测试工具
在线测试 XPath 表达式：粘贴一段 HTML 或 XML，输入 XPath 就能看到命中
PHP 函数速查
93 个 PHP 常用函数速查表：函数名、作用与真实示例，覆盖字符串、数组、文件、时间等
查询工具 · 该分类共 46 个工具，展开查看全部
常用 User-Agent 大全MIME Type 对照表常见端口对照表HTML 特殊字符转义表HTTP 请求头大全各国国家代码对照表世界货币代码与符号对照表各国电话区号对照表世界时区缩写对照表颜色名称对照表中国传统色对照表化学元素周期表物理常数速查数学常数速查各国电压插座标准域名后缀含义对照表常见单位符号大全Linux 命令大全全国行政区划查询RGB 颜色对照表常见文件格式说明各省简称与省会对照表二十四节气表中国传统节日表生肖年份表历史朝代年表度量衡历代换算表常用 Web API 速查编程语言对比表数据库类型对比表云服务商对比表建站程序对比表网页字体对照表Bootstrap 图标速查Android 权限大全XPath 语法速查正则表达式语法速查常用正则表达式库MySQL 保留字大全浏览器内核对照表CSS 属性速查PHP 函数速查世界国旗图案对照表特殊符号与快捷键符号表世界之最查询历史上的今天