颜色与背景
color: 设置文本颜色。
background-color: 设置背景颜色。
background-image: url("");设置背景图像。
background-repeat: 控制背景图像是否及如何重复（如重复排列-网页默认repeat、不重复排列no-repeat、在x轴重复排列repeat-x、在y轴重复排列repeat-y）。
background-attachment : fixed; 浮水印固定背景。
background:transparent; 透视背景
background-position：设置背景图像的起始位置（向上对齐top、向下对齐bottom、向左对齐left、向右对齐right、居中对齐center）。
字体
font-family: 设置字体系列。
font-size: 设置字体大小。
font-weight: 设置字体的粗细。
font-style: 设置字体风格（如斜体itelic）
文本
text-align: 设置文本的水平对齐方式（如居中center、左对齐left、右对齐right、分散对齐justify）。
text-decoration: 添加文本装饰（如下划线underline、顶线overline、删除线line-through、删除链接下划线none）。
text-indent: 设置首行文本的缩进。
text-transform：设置文本的大小写（如首字大写capitalize、大写uppercase、小写lowercase）。
line-height: 设置行高。
vertical-align：设置文本的上下标（如上标super、下标sub）
边框
border-style: 设置边框样式（如实线solid、点线dotted、虚线dashed、双线double、无边框none等）。
border-width: 设置边框宽度。
border-color: 设置边框颜色。
border-radius: 设置边框圆角。
间距
margin: 设置元素的外边距。
padding: 设置元素的内边距。
尺寸与位置
width: 设置元素的宽度。
height: 设置元素的高度。
position: 设置元素的定位类型（如静态、相对、绝对、固定）。
top, right, bottom, left: 设置定位元素的位置。
显示与可见性
display: 设置元素的显示类型（如块级、行内、无、列表项等）。
visibility: 设置元素是否可见（但占据空间）。
opacity: 设置元素的透明度。
过渡与动画
transition: 设置元素过渡效果。
@keyframes: 用于创建动画。
animation: 将一个或多个 @keyframes 动画应用于一个元素。
媒体查询
@media 规则用于根据设备的特性（如视口宽度、分辨率等）应用不同的样式规则，实现响应式设计
