CSS（层叠样式表）是一种用于描述HTML或XML（包括各种XML方言，如SVG、MathML或XHTML）文档的呈现的语言，CSS描述了在屏幕、纸质、音频等媒体上元素应该如何被渲染出来，CSS不仅用于定义网页的外观和布局，还可以与JavaScript一起实现许多复杂的效果。
以下是一些常用的CSS样式：
1、文字样式：
- font-family：设置字体类型。
- font-size：设置字体大小。
- font-weight：设置字体粗细。
- font-style：设置字体样式，如斜体。
- text-decoration：设置文本装饰，如下划线、删除线等。
- color：设置文本颜色。
2、背景样式：
- background-color：设置背景颜色。
- background-image：设置背景图片。
- background-repeat：设置背景图片是否重复。
- background-position：设置背景图片的位置。
- background-size：设置背景图片的大小。
3、边框样式：
- border-width：设置边框宽度。
- border-style：设置边框样式，如实线、虚线等。
- border-color：设置边框颜色。
- border-radius：设置边框圆角。
- border-top、border-right、border-bottom、border-left：分别设置四个方向的边框样式。
4、尺寸样式：
- width：设置元素的宽度。
- height：设置元素的高度。
- max-width：设置元素的最大宽度。
- min-width：设置元素的最小宽度。
- max-height：设置元素的最大高度。
- min-height：设置元素的最小高度。
5、位置样式：
- position：设置元素的定位方式，如static、relative、absolute、fixed等。
- top、right、bottom、left：分别设置元素距离其定位父元素的上下左右的距离。
- z-index：设置元素的堆叠顺序。
6、浮动样式：
- float：设置元素是否浮动，以及浮动的方向。
- clear：清除浮动。
7、显示隐藏样式：
- display：设置元素的显示方式，如block、inline、none等。
- visibility：设置元素的可见性，如visible、hidden等。
- opacity：设置元素的透明度。
8、动画样式：
- transition：设置元素的过渡效果。
- transform：设置元素的变换效果，如旋转、缩放、平移等。
- animation：设置元素的动画效果。
9、响应式样式：
- @media：根据不同的设备特性，应用不同的CSS样式。
- @font-face：加载自定义字体。
- @keyframes：定义动画关键帧。
10、伪类和伪元素样式：
- :hover、：active、：focus等伪类，用于设置鼠标悬停、点击等状态的样式。
::before、：:after等伪元素，用于在元素内容之前或之后插入内容，并可以应用CSS样式。
:first-child、：last-child等伪类，用于选择父元素的首个或最后一个子元素。
:not()、：nth-child()等伪类，用于选择不符合特定条件的元素或特定位置的元素。
以上只是CSS的一部分样式，CSS的功能远不止这些，还包括盒模型、选择器、优先级、继承和层叠等概念，以及更多的属性和值，通过灵活运用CSS，可以实现各种各样的网页效果和布局设计。