CSS速查表

常用CSS属性和选择器快速参考。

选择器

*
通用选择器(所有元素)
element
元素选择器
.class
类选择器
#id
ID选择器
[attr=val]
属性选择器
:hover
悬停伪类
::before
伪元素
div > p
子代选择器
div + p
相邻兄弟选择器

盒模型

width / height
宽高
padding
内边距
margin
外边距
border
边框
box-sizing
盒模型计算方式
box-shadow
盒子阴影 生成器

布局

display: flex
弹性布局
display: grid
网格布局
position
定位(static/relative/absolute/fixed/sticky)
float
浮动
flex-direction
主轴方向
grid-template
网格轨道定义

文本与字体

color
文字颜色 转换器
font-size
字体大小
font-family
字体系列
font-weight
字体粗细
text-align
文本对齐
line-height
行高
text-decoration
文本装饰

背景与渐变

background-color
背景颜色
background-image
背景图片
background: linear-gradient()
线性渐变 生成器
background: radial-gradient()
径向渐变 生成器
background-size
背景大小

🎨 使用 CSS在线编辑器 实践这些属性 · 搭配 HTML速查表 · JS速查表