css3中文手册

css3中文手册

AI TOOL PROFILE工具资料

中文版的 CSS3 属性速查手册,每个属性都配语法、取值说明和浏览器兼容表。

官网地址 https://www.apiref.com/css-zh/index.htm

访问官网
价格官网未标价
平台Web
归类教育与学习
收录2026-10-12
复核2026-10-12
编辑评分 4.1 / 5

css3中文手册编辑总结

EDITOR REVIEW编辑评测

css3中文手册是 apiref.com 上的 CSS3 中文参考文档,把每个 CSS 属性的语法、可选值、默认值、继承性、动画性和浏览器兼容情况整理成一页一查的格式。以 transition-timing-function 这一页为例,列出了 ease、linear、ease-in、ease-out、ease-in-out、step-start、step-end、steps()、cubic-bezier() 全部取值及各自的贝塞尔曲线参数,并逐条给出 IE、Firefox、Chrome、Safari、Opera 等浏览器的支持版本。适合写样式时随手翻查某个属性怎么写、哪些浏览器要加前缀。官网未公开使用条款与内容更新说明。

css3中文手册是什么?

css3中文手册是 apiref.com 上的一个中文技术参考文档栏目,专门收录 CSS3 相关的属性说明。apiref.com 本身是一个面向开发者的在线参考站,除 CSS 外还涵盖 Android、Bootstrap、C、C++、Docker、Go、Java、JavaScript、jQuery、Linux、MongoDB、MySQL、Nginx、Node、PHP、Python、Redis、Spring 等语言与框架的文档条目,首页按首字母 A 到 S 排列。CSS 部分被单独整理成一个中文手册入口,地址是 apiref.com/css-zh/。

手册的组织方式是按「属性」切分页面。每个属性页的结构一致:先给语法定义和默认值,再逐条解释取值含义,最后附一张兼容性表。以 transition-timing-function 页为例,语法写成 transition-timing-function:<single-transition-timing-function> [, <single-transition-timing-function>]*,默认值为 ease,适用于所有元素(含伪对象 :after 和 :before),无继承性,无动画性,计算值取指定值,媒体类型为交互;取值部分把 ease 对应到贝塞尔曲线 (0.25, 0.1, 0.25, 1.0),linear 对应 (0.0, 0.0, 1.0, 1.0),ease-in 对应 (0.42, 0, 1.0, 1.0),ease-out 对应 (0, 0, 0.58, 1.0),ease-in-out 对应 (0.42, 0, 0.58, 1.0)。

用法上,它更适合当作查证工具而不是系统教程。写过渡动画时不确定 steps() 的第二个参数默认是 start 还是 end,翻到对应页面即可确认默认值是 end;不确定某个取值在旧版浏览器上要不要加 -webkit- 或 -moz- 前缀,兼容性表里会直接标出带前缀的版本区间。普通前端开发者、需要临时查 CSS 语法的后端或全栈人员,都可以直接按属性名定位到页面。

css3中文手册核心功能

CAPABILITIES工具标签

按属性切页

每个 CSS 属性单独一个页面,按属性名就能定位。transition-timing-function 页从语法写到兼容性表,一页讲清一个属性。

官方说明 ↗

取值含义逐条解释

把该属性可选值全部列出并配中文说明。transition-timing-function 覆盖 linear、ease、ease-in、ease-out、ease-in-out、step-start、step-end、steps()、cubic-bezier()。

官方说明 ↗

贝塞尔曲线对照

常用关键字直接给等价曲线数值,省去自己查表。ease 等于 (0.25, 0.1, 0.25, 1.0),ease-in-out 等于 (0.42, 0, 0.58, 1.0)。

官方说明 ↗

语法与默认值速查

每页开头统一列出语法、默认值、适用于、继承性、动画性、计算值、媒体七项元信息,transition-timing-function 的默认值标为 ease,继承性为无。

官方说明 ↗

浏览器兼容性表

按 IE、Firefox、Chrome、Safari、Opera、iOS Safari、Android Browser、Android Chrome 分列,标出支持、不支持、部分支持及需加 -webkit-、-moz- 前缀的版本区间。

官方说明 ↗

多语言文档站

apiref.com 除 CSS 外还收录 Android、Bootstrap、C、C++、Docker、Go、Java、JavaScript、jQuery、Linux、MongoDB、MySQL、Nginx、Node、PHP、Python、Redis、Spring 等条目,统一在一个站内检索。

官方说明 ↗

css3中文手册值不值得用?

VERDICT工具标签

当「查一个 CSS 属性的确切写法和浏览器支持情况」用时,这份中文手册很顺手:取值解释和兼容性表都在同一页,不用在多个站点之间跳转,中文说明也免去了读英文规范的负担。当「系统学 CSS3」用时它就不合适,因为页面是按属性散落的,没有章节顺序,也没有配套练习或示例工程。另外它只覆盖 CSS 这一块,遇到需要结合框架或工具链的问题还得去别处找。

建议选它的情况

  • 写过渡、动画时想快速确认某个取值的实际效果与等价曲线
  • 需要确认某属性在旧版浏览器上要不要加 -webkit- 或 -moz- 前缀
  • 习惯用中文文档对照规范,不想直接啃英文说明

不建议选它的情况

  • 想从零系统学习 CSS3,需要成体系的教程和练习
  • 需要覆盖 Flexbox、Grid 等新版布局的完整专题讲解

css3中文手册使用建议

HOW TO USE工具标签
入门先把路子走对
  1. 从属性名直达知道属性名就直接拼 URL:/css-zh/properties/ 下按功能分组,transition 类属性放在 properties/transition/ 目录里,比从首页一层层点进去快。
  2. 先看页面顶部的元信息每页开头的「默认值 / 适用于 / 继承性 / 动画性」七项决定了这个属性写在哪儿生效、能不能参与过渡,先扫一眼再往下看取值。
进阶省时间也省钱
  1. 兼容性表重点看前缀表里带 -webkit-、-moz- 的版本区间表示那段时期必须写前缀。像 Chrome 4.0-25.0 需要 -webkit-,26.0+ 起可以写标准写法。
  2. 用贝塞尔数值做自定义缓动预设关键字不够用时,照页面给出的 cubic-bezier 格式自己填四个数值,取值需落在 0 到 1 区间内,可先拿 ease 的 (0.25, 0.1, 0.25, 1.0) 作参照改。
  3. steps() 记得第二个参数默认 endsteps() 接受两个参数,第一个是正整数步数,第二个取 start 或 end,省略时按 end 处理,做逐帧动画时写清楚更保险。

css3中文手册适合谁用?

WHO IS IT FOR工具标签

前端开发者

推荐

日常写样式时需要即查即用某个属性的准确语法和取值列表,中文说明加兼容性表能省下对照规范的时间。

接旧项目维护的人

推荐

要兼容老版本浏览器,兼容性表直接标出各浏览器加前缀的版本区间,比凭记忆写前缀可靠。

后端或全栈临时写页面

推荐

不常写 CSS,需要快速确认某个属性怎么用。按属性名检索即可,不必通读整本规范。

零基础学 CSS 的人

有条件

页面按属性分散,没有学习顺序和配套练习,作为入门教程使用会缺少连贯的进阶路径。

需要系统讲解新布局的人

有条件

手册以单个属性为单位,若目标是掌握 Flexbox、Grid 这类整套布局方案,还需要另找专题资料配合。

css3中文手册优点和缺点

PROS & CONS工具标签

优点

  • 中文说明,省去对照英文规范的阅读成本
  • 取值解释与等价贝塞尔曲线数值一并给出
  • 兼容性表覆盖 IE、Firefox、Chrome、Safari、Opera 及移动端浏览器
  • 同页给出默认值、继承性、动画性,不必分头查
  • 每个属性一页,按属性名即可直达

缺点

  • 页面按属性散落,缺少成体系的学习顺序
  • 未提供完整的可运行示例工程,示例较简
  • 官网未说明内容更新频率与覆盖的规范版本

css3中文手册常见问题

FAQ工具标签
css3中文手册是免费的吗?

公开页面可以直接访问查阅,按属性名进入对应页面即可看到语法、取值与兼容性表,不需登录。官网未公开收费说明,也未说明是否提供付费增值内容。

它和 MDN 这类文档比有什么不同?

相同点是都按属性组织、都附浏览器兼容信息。不同点是这份手册为中文撰写,属性页结构统一为语法、取值、说明、兼容性四段。MDN 覆盖面更广、含更多示例与指南,但以英文内容为主。查单个属性写法时这份中文页面读起来更快。

页面里的兼容性表怎么看?

表格按 IE、Firefox、Chrome、Safari、Opera、iOS Safari、Android Browser、Android Chrome 分列,绿色表示支持、红色表示不支持、粉色表示部分支持,并标出需要加 -webkit- 或 -moz- 前缀的版本区间。

transition-timing-function 有哪些可选值?

官方包括的取值有 ease、linear、ease-in、ease-out、ease-in-out、step-start、step-end、steps() 和 cubic-bezier()。默认值为 ease,对应贝塞尔曲线 (0.25, 0.1, 0.25, 1.0),多个值之间用逗号分隔。

steps() 的两个参数分别是什么?

第一个参数必须为正整数,指定函数的步数;第二个参数取 start 或 end,指定每一步的值发生变化的时间点。第二个参数可省略,默认值为 end。step-start 等同于 steps(1, start),step-end 等同于 steps(1, end)。