CSS3 相关属性完整列表

本文档基于 W3C CSS 概述页面 (https://www.w3.org/Style/CSS/Overview.en.html) 中提到的 CSS3 模块，整理了所有 CSS3 相关属性。

一、CSS 颜色模块 Level 3 (CSS Color Level 3)

颜色表示相关

color - 设置文本颜色
background-color - 设置背景颜色
border-color - 设置边框颜色
outline-color - 设置轮廓颜色
text-shadow - 设置文本阴影颜色
box-shadow - 设置盒子阴影颜色

颜色函数

rgb() - RGB颜色函数
rgba() - RGBA颜色函数（带透明度）
hsl() - HSL颜色函数
hsla() - HSLA颜色函数（带透明度）

二、选择器模块 Level 3 (Selectors Level 3)

伪类选择器

:first-child - 选择第一个子元素
:last-child - 选择最后一个子元素
:nth-child() - 选择指定位置的子元素
:nth-last-child() - 从末尾开始选择指定位置的子元素
:only-child - 选择唯一的子元素
:first-of-type - 选择同类型的第一个元素
:last-of-type - 选择同类型的最后一个元素
:nth-of-type() - 选择同类型的指定位置元素
:nth-last-of-type() - 从末尾开始选择同类型的指定位置元素
:only-of-type - 选择唯一的同类型元素
:empty - 选择空元素
:root - 选择根元素
:not() - 选择不匹配指定选择器的元素
:target - 选择当前活动的锚点元素
:enabled - 选择启用的表单元素
:disabled - 选择禁用的表单元素
:checked - 选择选中的表单元素
:indeterminate - 选择不确定状态的表单元素
:default - 选择默认的表单元素
:valid - 选择有效的表单元素
:invalid - 选择无效的表单元素
:in-range - 选择在范围内的表单元素
:out-of-range - 选择超出范围的表单元素
:required - 选择必填的表单元素
:optional - 选择可选的表单元素
:read-only - 选择只读的表单元素
:read-write - 选择可读写的表单元素

伪元素选择器

::first-line - 选择元素的第一行
::first-letter - 选择元素的第一个字母
::before - 在元素前插入内容
::after - 在元素后插入内容
::selection - 选择被用户选中的内容

三、媒体查询模块 Level 3 (Media Queries Level 3)

媒体查询相关

@media - 媒体查询规则
@import - 导入样式表时的媒体查询

四、CSS 层叠和继承模块 Level 3 (CSS Cascading and Inheritance Level 3)

层叠相关

!important - 提高样式优先级
inherit - 继承父元素属性值
initial - 设置属性为初始值
unset - 取消设置的属性值

继承控制

all - 控制所有属性的继承行为

五、CSS 字体模块 Level 3 (CSS Fonts Level 3)

字体相关

font-family - 设置字体系列
font-size - 设置字体大小
font-weight - 设置字体粗细
font-style - 设置字体样式
font-variant - 设置字体变体
font-stretch - 设置字体拉伸
font-size-adjust - 调整字体大小
font-kerning - 控制字体字距
font-variant-ligatures - 控制字体连字
font-variant-position - 控制字体位置变体
font-variant-caps - 控制字体大写变体
font-variant-numeric - 控制字体数字变体
font-variant-alternates - 控制字体替代变体
font-variant-east-asian - 控制字体东亚变体
font-feature-settings - 控制字体特性
font-language-override - 覆盖字体语言

字体加载

@font-face - 定义自定义字体

六、CSS 书写模式模块 Level 3 (CSS Writing Modes Level 3)

书写模式相关

writing-mode - 设置文本书写方向
text-orientation - 设置文本方向
text-combine-upright - 控制垂直文本的组合
unicode-bidi - 控制 Unicode 双向文本
direction - 设置文本方向

七、CSS 基本用户界面模块 Level 3 (CSS Basic User Interface Level 3)

用户界面相关

appearance - 控制元素的外观
cursor - 设置鼠标指针样式
outline - 设置轮廓
outline-width - 设置轮廓宽度
outline-style - 设置轮廓样式
outline-color - 设置轮廓颜色
outline-offset - 设置轮廓偏移
resize - 控制元素是否可调整大小
box-sizing - 控制盒模型计算方式
user-select - 控制用户是否可以选择文本
nav-index - 控制导航顺序
nav-up - 控制向上导航目标
nav-right - 控制向右导航目标
nav-down - 控制向下导航目标
nav-left - 控制向左导航目标

八、CSS 盒模型模块 Level 3 (CSS Box Model Level 3)

盒模型相关

width - 设置元素宽度
height - 设置元素高度
max-width - 设置元素最大宽度
max-height - 设置元素最大高度
min-width - 设置元素最小宽度
min-height - 设置元素最小高度
padding - 设置内边距
padding-top - 设置上内边距
padding-right - 设置右内边距
padding-bottom - 设置下内边距
padding-left - 设置左内边距
margin - 设置外边距
margin-top - 设置上外边距
margin-right - 设置右外边距
margin-bottom - 设置下外边距
margin-left - 设置左外边距
border - 设置边框
border-width - 设置边框宽度
border-style - 设置边框样式
border-color - 设置边框颜色
border-top - 设置上边框
border-right - 设置右边框
border-bottom - 设置下边框
border-left - 设置左边框

九、CSS containment 模块 Level 1 (CSS Containment Level 1)

containment 相关

contain - 控制元素的包含行为

十、CSS 背景和边框模块 Level 3 (CSS Backgrounds and Borders Level 3)

背景相关

background - 设置背景
background-color - 设置背景颜色
background-image - 设置背景图像
background-repeat - 设置背景重复方式
background-position - 设置背景位置
background-size - 设置背景大小
background-attachment - 设置背景附着方式
background-clip - 设置背景裁剪方式
background-origin - 设置背景原点
background-blend-mode - 设置背景混合模式

边框相关

border-radius - 设置边框圆角
border-image - 设置边框图像
border-image-source - 设置边框图像源
border-image-slice - 设置边框图像切片
border-image-width - 设置边框图像宽度
border-image-outset - 设置边框图像外凸
border-image-repeat - 设置边框图像重复方式
box-shadow - 设置盒子阴影

十一、CSS 条件规则模块 Level 3 (CSS Conditional Rules Level 3)

条件规则相关

@media - 媒体查询规则
@supports - 特性检测规则
@document - 文档匹配规则
@import - 导入样式表规则

十二、CSS 多列布局模块 Level 1 (CSS Multi-column Layout Level 1)

多列布局相关

columns - 设置多列布局
column-count - 设置列数
column-width - 设置列宽
column-gap - 设置列间距
column-rule - 设置列分隔线
column-rule-width - 设置列分隔线宽度
column-rule-style - 设置列分隔线样式
column-rule-color - 设置列分隔线颜色
column-span - 设置元素跨越的列数
column-fill - 设置列填充方式

十三、CSS 值和单位模块 Level 3 (CSS Values and Units Level 3)

值和单位相关

calc() - 计算值函数
min() - 最小值函数
max() - 最大值函数
clamp() - 限制值函数
var() - 变量引用函数
attr() - 属性引用函数

单位

rem - 根元素字体大小单位
vw - 视口宽度单位
vh - 视口高度单位
vmin - 视口最小单位
vmax - 视口最大单位
ch - 字符宽度单位
ex - 字符高度单位

十四、CSS 弹性盒布局模块 Level 1 (CSS Flexible Box Layout Level 1)

弹性盒布局相关

display - 设置元素显示类型 (flex, inline-flex)
flex-direction - 设置弹性容器方向
flex-wrap - 设置弹性项目换行方式
flex-flow - 弹性方向和换行的简写
justify-content - 设置主轴对齐方式
align-items - 设置交叉轴对齐方式
align-content - 设置多轴对齐方式
order - 设置弹性项目顺序
flex-grow - 设置弹性项目增长因子
flex-shrink - 设置弹性项目收缩因子
flex-basis - 设置弹性项目基础大小
flex - 弹性增长、收缩和基础的简写
align-self - 设置单个弹性项目的对齐方式

十五、CSS 计数器样式模块 Level 3 (CSS Counter Styles Level 3)

计数器样式相关

counter-reset - 重置计数器
counter-increment - 递增计数器
list-style - 设置列表样式
list-style-type - 设置列表标记类型
list-style-position - 设置列表标记位置
list-style-image - 设置列表标记图像

计数器函数

counter() - 引用计数器值
counters() - 引用嵌套计数器值

十六、CSS 网格布局模块 Level 1 (CSS Grid Layout Level 1)

网格布局相关

display - 设置元素显示类型 (grid, inline-grid)
grid-template-columns - 设置网格列模板
grid-template-rows - 设置网格行模板
grid-template-areas - 设置网格区域模板
grid-template - 网格模板的简写
grid-column-gap - 设置网格列间距
grid-row-gap - 设置网格行间距
grid-gap - 网格间距的简写
justify-items - 设置网格项目在单元格内的水平对齐
align-items - 设置网格项目在单元格内的垂直对齐
place-items - 网格项目对齐的简写
justify-content - 设置网格容器内的水平对齐
align-content - 设置网格容器内的垂直对齐
place-content - 网格容器对齐的简写
grid-auto-columns - 设置自动生成的网格列大小
grid-auto-rows - 设置自动生成的网格行大小
grid-auto-flow - 设置自动放置网格项目的方式
grid - 网格属性的简写
grid-column-start - 设置网格项目的起始列
grid-column-end - 设置网格项目的结束列
grid-row-start - 设置网格项目的起始行
grid-row-end - 设置网格项目的结束行
grid-column - 网格列的简写
grid-row - 网格行的简写
grid-area - 网格区域的简写

十七、CSS 过渡模块 Level 1 (CSS Transitions Level 1)

过渡相关

transition - 设置过渡效果
transition-property - 设置过渡属性
transition-duration - 设置过渡持续时间
transition-timing-function - 设置过渡 timing 函数
transition-delay - 设置过渡延迟

十八、CSS 动画模块 Level 1 (CSS Animations Level 1)

动画相关

animation - 设置动画效果
animation-name - 设置动画名称
animation-duration - 设置动画持续时间
animation-timing-function - 设置动画 timing 函数
animation-delay - 设置动画延迟
animation-iteration-count - 设置动画迭代次数
animation-direction - 设置动画方向
animation-fill-mode - 设置动画填充模式
animation-play-state - 设置动画播放状态

动画规则

@keyframes - 定义动画关键帧

十九、CSS 变换模块 Level 1 (CSS Transforms Level 1)

变换相关

transform - 设置变换效果
transform-origin - 设置变换原点
transform-style - 设置变换样式
perspective - 设置透视效果
perspective-origin - 设置透视原点
backface-visibility - 设置背面可见性

变换函数

translate() - 平移变换
translateX() - 水平平移
translateY() - 垂直平移
translateZ() - 深度平移
translate3d() - 3D平移
rotate() - 旋转变换
rotateX() - 水平旋转
rotateY() - 垂直旋转
rotateZ() - 深度旋转
rotate3d() - 3D旋转
scale() - 缩放变换
scaleX() - 水平缩放
scaleY() - 垂直缩放
scaleZ() - 深度缩放
scale3d() - 3D缩放
skew() - 倾斜变换
skewX() - 水平倾斜
skewY() - 垂直倾斜
matrix() - 矩阵变换
matrix3d() - 3D矩阵变换

二十、CSS 滤镜模块 Level 1 (CSS Filters Level 1)

滤镜相关

filter - 设置滤镜效果

滤镜函数

blur() - 模糊效果
brightness() - 亮度调整
contrast() - 对比度调整
drop-shadow() - 阴影效果
grayscale() - 灰度效果
hue-rotate() - 色相旋转
invert() - 反色效果
opacity() - 透明度调整
saturate() - 饱和度调整
sepia() - 褐色效果

二十一、CSS 变量模块 Level 1 (CSS Custom Properties for Cascading Variables Level 1)

变量相关

--* - 定义自定义变量
var() - 引用自定义变量

二十二、CSS 滚动捕捉模块 Level 1 (CSS Scroll Snap Level 1)

滚动捕捉相关

scroll-snap-type - 设置滚动捕捉类型
scroll-snap-align - 设置滚动捕捉对齐
scroll-snap-stop - 设置滚动捕捉停止行为
scroll-margin - 设置滚动边距
scroll-padding - 设置滚动内边距

二十三、CSS 形状模块 Level 1 (CSS Shapes Level 1)

形状相关

shape-outside - 设置浮动元素的形状
shape-image-threshold - 设置形状图像阈值
shape-margin - 设置形状外边距

二十四、CSS 裁剪路径模块 Level 1 (CSS Masking Level 1)

裁剪路径相关

clip-path - 设置裁剪路径
mask - 设置遮罩
mask-image - 设置遮罩图像
mask-mode - 设置遮罩模式
mask-position - 设置遮罩位置
mask-size - 设置遮罩大小
mask-repeat - 设置遮罩重复方式
mask-origin - 设置遮罩原点
mask-clip - 设置遮罩裁剪方式
mask-composite - 设置遮罩合成方式

二十五、CSS 混合模式模块 Level 1 (CSS Compositing and Blending Level 1)

混合模式相关

mix-blend-mode - 设置混合模式
isolation - 设置隔离模式

二十六、CSS 视口单位模块 Level 1 (CSS Values and Units Level 3)

视口单位

vw - 视口宽度单位
vh - 视口高度单位
vmin - 视口最小单位
vmax - 视口最大单位

二十七、CSS containment 模块 Level 2 (CSS Containment Level 2)

containment 相关

content-visibility - 控制内容可见性
contain-intrinsic-size - 设置包含元素的固有大小

二十八、CSS 容器查询模块 Level 1 (CSS Container Queries Level 1)

容器查询相关

container-type - 设置容器类型
container-name - 设置容器名称
@container - 容器查询规则

二十九、CSS 嵌套模块 Level 1 (CSS Nesting Level 1)

嵌套相关

& - 嵌套选择器引用父选择器

三十、CSS 级联层模块 Level 1 (CSS Cascading Layers Level 1)

级联层相关

@layer - 定义级联层

三十一、CSS 滚动驱动动画模块 Level 1 (CSS Scroll-Driven Animations Level 1)

滚动驱动动画相关

animation-timeline - 设置动画时间线
animation-range - 设置动画范围

总结

本列表基于 W3C CSS 概述页面中提到的 CSS3 模块，整理了所有 CSS3 相关属性。随着 CSS 标准的不断发展，新的属性和模块可能会被添加，本列表将根据标准的更新进行调整。

所有属性均按照模块分类，方便查阅和学习。对于每个属性的详细用法和浏览器兼容性，请参考 W3C 官方文档或其他权威资源。