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