语言

CSS 快速参考

CSS 快速参考 的可打印速查表,适合快速查阅、学习和桌边参考

来源
MDN Web Docs (developer.mozilla.org)
许可证
MIT
更新时间
2026-03-27

示例

速查表包含什么

  • 选择器
  • 盒模型
  • Flexbox
  • Grid
  • 字体排版
  • 颜色与背景
  • 过渡与动画
  • 响应式设计
  • 定位
  • CSS 自定义属性

基础选择器

*通用——所有元素
div类型——所有 `<div>` 元素
.class类——具有该类名的元素
#idID——具有该 id 的元素
[attr]属性——具有该属性的元素
[attr="val"]属性等于指定值

组合选择器

A B后代(任意深度)
A > B直接子元素
A + B紧邻兄弟(下一个)
A ~ B通用兄弟(之后所有)

伪类

:hover鼠标悬停
:focus元素获得焦点
:first-child父元素的第一个子元素
:nth-child(n)第 n 个子元素(1 起,`odd`、`even`、`2n+1`)
:not(sel)否定——排除匹配项
:has(sel)父元素选择器(包含匹配)

下载完整速查表,获取所有章节的打印排版版本

下载 PDF

下载

选择适合你阅读方式的版本