虽然样式都是比较简单的 但是到用的时候就会想不起来 我这边列举一下常用的 加深下记忆
边框样式：
- border-radius：设置元素的圆角边框。
- box-shadow：为元素添加阴影效果。
- border-image：使用图像来定义边框的样式。
渐变背景：
- linear-gradient：创建线性渐变背景。
- radial-gradient：创建径向渐变背景。
文本效果：
- text-shadow：为文本添加阴影效果。
- text-overflow：控制文本溢出时的显示方式。
- word-wrap：控制长单词或URL的换行方式。
过渡效果：
- transition：为元素添加过渡效果，可以在属性变化时平滑过渡。
- transform：对元素进行旋转、缩放、倾斜或平移等变换操作。
动画效果：
- @keyframes：定义动画关键帧。
- animation：将动画应用到元素上，控制动画的持续时间、延迟等属性。
盒子模型：
- box-sizing：控制元素的盒子模型，可以设置为border-box或content-box。
- flexbox：使用弹性盒子布局来实现灵活的布局效果。
响应式设计：
- media queries：根据不同的设备或屏幕尺寸应用不同的样式。
- rem单位：使用相对于根元素的字体大小来定义尺寸，实现响应式布局。
当然 css3样式是很强大的 还有很多样式 这边只是列举几种大分类