css字体样式属性

/* 设置字体样式的基本属性 */

/* 1. font-family: 指定字体族 */
body {
    font-family: Arial, sans-serif; /* 使用Arial字体，如果没有则使用无衬线字体 */
}

/* 2. font-size: 设置字体大小 */
h1 {
    font-size: 24px; /* 设置标题字体大小为24像素 */
}

/* 3. font-weight: 设置字体粗细 */
p {
    font-weight: bold; /* 设置段落文本为粗体 */
}

/* 4. font-style: 设置字体样式（如斜体） */
em {
    font-style: italic; /* 设置强调文本为斜体 */
}

/* 5. text-transform: 控制文本的大小写 */
h2 {
    text-transform: uppercase; /* 将标题中的所有字母转换为大写 */
}

/* 6. line-height: 设置行高 */
p {
    line-height: 1.6; /* 设置段落文本的行高为字体大小的1.6倍 */
}

/* 7. letter-spacing: 设置字符间距 */
span {
    letter-spacing: 2px; /* 设置span元素中字符之间的间距为2像素 */
}

解释说明：

• font-family：指定网页使用的字体族。可以指定多个字体，浏览器会按顺序查找这些字体，直到找到可用的字体。
• font-size：设置文本的字体大小，常用单位有px（像素）、em（相对于父元素的字体大小）、rem（相对于根元素的字体大小）等。
• font-weight：设置文本的粗细，常用的值有normal、bold，也可以使用数值（如100到900）。
• font-style：设置文本的样式，常用的值有normal、italic（斜体）和oblique（倾斜）。
• text-transform：控制文本的大小写，常用的值有uppercase（大写）、lowercase（小写）、capitalize（首字母大写）。
• line-height：设置行高，控制文本行与行之间的间距，可以是具体的长度值或相对比例。
• letter-spacing：设置字符之间的间距，可以是正数（增加间距）或负数（减少间距）。