CSS字体、文本、列表属性详细介绍

一、CSS字体属性

CSS字体属性用于设置文本的字体样式。常用的CSS字体属性有:

1. font-family

font-family属性用于设置文本的字体类型。可以设置多个字体类型,浏览器会按照设置的顺序依次检查,直到找到用户计算机上有的字体为止。如果找不到对应的字体,浏览器会使用默认字体进行显示。可以通过使用引号来包裹字体名称,以防止字体名称中包含空格。

例如:

p {

font-family: "Arial", "宋体", sans-serif;

}

2. font-size

font-size属性用于设置文本的字体大小。可以使用绝对单位(如px、pt)或相对单位(如em、rem)来指定字体大小。

例如:

p {

font-size: 16px;

}

3. font-weight

font-weight属性用于设置文本的字体粗细。常用的取值有normal(默认值)、bold(粗体)、bolder(更粗的字体)和lighter(更细的字体)。

例如:

p {

font-weight: bold;

}

二、CSS文本属性

1. color

color属性用于设置文本的颜色。可以使用颜色名称、十六进制颜色值或RGB颜色值来指定颜色。

例如:

p {

color: blue;

}

2. text-align

text-align属性用于设置文本的对齐方式。常用的取值有left(左对齐)、right(右对齐)、center(居中对齐)和justify(两端对齐)。

例如:

p {

text-align: center;

}

3. text-decoration

text-decoration属性用于设置文本的装饰线条。常用的取值有none(无装饰线条)、underline(下划线)、overline(上划线)和line-through(中划线)。

例如:

p {

text-decoration: underline;

}

三、CSS列表属性

1. list-style-type

list-style-type属性用于设置列表项的标志类型。常用的取值有disc(实心圆点)、circle(空心圆点)、square(实心方块)、decimal(十进制数字)和none(无标志)。

例如:

ul {

list-style-type: disc;

}

2. list-style-position

list-style-position属性用于设置列表项的标志位置。常用的取值有inside(标志位于文本内部)和outside(标志位于文本外部)。

例如:

ul {

list-style-position: outside;

}

以上是CSS字体、文本、列表属性的详细介绍,其中包括了各个属性的常用取值和使用方法。通过设置这些属性,我们可以灵活地控制文本的字体样式和列表的显示效果,以满足不同页面的设计要求。