语言
CSS 快速参考
CSS 快速参考 的可打印速查表,适合快速查阅、学习和桌边参考
示例
速查表包含什么
- 选择器
- 盒模型
- Flexbox
- Grid
- 字体排版
- 颜色与背景
- 过渡与动画
- 响应式设计
- 定位
- CSS 自定义属性
基础选择器
* | 通用——所有元素 |
div | 类型——所有 `<div>` 元素 |
.class | 类——具有该类名的元素 |
#id | ID——具有该 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下载