1. 字体样式： `fontfamily`: 设置元素的字体。 `fontsize`: 设置元素的字体大小。 `fontweight`: 设置元素的字体粗细。 `fontstyle`: 设置元素的字体样式（如斜体）。 `fontvariant`: 设置元素的字体变体（如小型大写字母）。 `lineheight`: 设置元素的行高。
2. 文本样式： `color`: 设置元素文本的颜色。 `textalign`: 设置元素文本的对齐方式（如左对齐、右对齐、居中对齐）。 `textdecoration`: 设置元素的文本装饰（如下划线、删除线）。 `textindent`: 设置元素的文本首行缩进。 `textshadow`: 设置元素的文本阴影。
3. 背景样式： `backgroundcolor`: 设置元素的背景颜色。 `backgroundimage`: 设置元素的背景图像。 `backgroundrepeat`: 设置背景图像是否重复。 `backgroundposition`: 设置背景图像的位置。 `backgroundsize`: 设置背景图像的大小。 `backgroundattachment`: 设置背景图像是否随页面滚动。
4. 边框样式： `border`: 设置元素的边框。 `borderwidth`: 设置元素边框的宽度。 `borderstyle`: 设置元素边框的样式（如实线、虚线、点线）。 `bordercolor`: 设置元素边框的颜色。 `borderradius`: 设置元素边框的圆角半径。
5. 尺寸和布局： `width`: 设置元素的宽度。 `height`: 设置元素的高度。 `margin`: 设置元素的外边距。 `padding`: 设置元素的内边距。 `display`: 设置元素的显示类型（如块级、内联、内联块级、表格、flex、grid等）。 `position`: 设置元素的位置（如静态、相对、绝对、固定、粘性）。 `float`: 设置元素的浮动（如左浮动、右浮动）。 `clear`: 清除元素的浮动。
6. 列表样式： `liststyletype`: 设置列表项的标记类型（如圆点、数字、方形）。 `liststyleimage`: 设置列表项的标记图像。 `liststyleposition`: 设置列表项的标记位置（如内联、外边距）。
7. 其他样式： `opacity`: 设置元素的透明度。 `cursor`: 设置鼠标悬停在元素上时的光标样式。 `overflow`: 设置元素内容溢出的处理方式（如滚动、隐藏、可见）。 `visibility`: 设置元素的可见性（如可见、隐藏）。 `zindex`: 设置元素的堆叠顺序。
这些只是CSS常用样式中的一小部分，CSS提供了非常丰富的样式属性，可以根据需要选择合适的属性来设计网页的样式。
CSS常用样式详解
一、字体样式
1. font-family
font-family属性用于设置字体类型，可以指定多个字体，浏览器会按照顺序尝试加载，直到找到合适的字体。
```css
body {
font-family: Arial, sans-serif;
2. font-size
font-size属性用于设置字体大小，可以指定像素值、百分比或相对单位。
```css
h1 {
font-size: 24px;
3. font-weight
font-weight属性用于设置字体的粗细，常见的值有normal（正常）、bold（粗体）、lighter（细体）等。
```css
font-weight: bold;
4. color
color属性用于设置字体颜色，可以指定颜色名称、十六进制值或RGB值。
```css
color: 333;
二、文本样式
文本样式主要用来控制网页中文字的排列、对齐、装饰等效果。
1. text-align
text-align属性用于设置文本对齐方式，常见的值有left（左对齐）、center（居中对齐）、right（右对齐）和justify（两端对齐）。
```css
.container {
text-align: center;
2. text-indent
text-indent属性用于设置段落的首行缩进，常用于段落的美化。
```css
text-indent: 2em;
3. line-height
line-height属性用于设置行高，可以帮助改善可读性，特别是对于多行文本。
```css
line-height: 1.5;
4. text-decoration
text-decoration属性用于设置文本的装饰效果，常见的值有underline（下划线）、overline（上划线）、line-through（中划线）和none（去掉装饰）。
```css
text-decoration: none;
5. text-shadow
text-shadow属性用于设置文本的阴影，可以添加阴影颜色、水平偏移量、垂直偏移量和阴影的模糊半径。
```css
h1 {
text-shadow: 2px 2px 4px 333;
三、背景样式
背景样式用于设置网页元素的背景颜色、图片、位置等效果。
1. background-color
background-color属性用于设置背景颜色，可以指定颜色名称、十六进制值或RGB值。
```css
body {
background-color: f5f5f5;
2. background-image
background-image属性用于设置背景图片，可以指定图片路径。
```css
.container {
background-image: url('background.jpg');
3. background-position
background-position属性用于设置背景图片的位置，可以指定水平偏移量和垂直偏移量。
```css
.container {
background-position: 50% 50%;
4. background-repeat
background-repeat属性用于设置背景图片的重复方式，常见的值有no-repeat（不重复）、repeat（重复）等。
```css
.container {
background-repeat: no-repeat;
四、盒子模型
盒子模型是CSS中非常重要的概念，它决定了网页元素的尺寸、边框、内边距和外边距。
1. margin
margin属性用于设置元素的外边距，可以指定上、右、下、左四个方向的值。
```css
.container {
margin: 10px 20px 30px 40px;
