{ font-family: Arial, sans-serif; /* 设置字体类型 */ font-size: 16px; /* 设置字体大小 */ font-style: italic; /* 设置字体样式:斜体 */ font-weight: bold; /* 设置字体粗细:粗体 */ color: #333; /* 设置字体颜色 */ }
可以看到,在font属性中需要设置多个值,下面大家来一一介绍。
font-family
font-family用于设置字体类型。可以设置一个或多个字体类型,当第一个字体不可用时,会尝试使用第二个,以此类推。需要注意的是,多个字体类型之间要用英文逗号隔开。
{ font-family: Arial, sans-serif; /* 设置字体类型 */ }
font-size
font-size用于设置字体大小。可以使用绝对或相对单位来设置字体大小,比如px、em、rem等。默认的字体大小是16px。
{ font-size: 16px; /* 设置字体大小 */ }
font-style
font-style用于设置字体样式,可以是normal(常规)、italic(斜体)或oblique(倾斜),默认值是normal。
{ font-style: italic; /* 设置字体样式:斜体 */ }
font-weight
font-weight用于设置字体粗细,可以是normal(常规)、bold(粗体)或lighter(细体),也可以设置数字值。数字值的范围是100到900,其中400是normal,700是bold,如果没有对应的字体粗细,将会使用最接近的一个。
{ font-weight: bold; /* 设置字体粗细:粗体 */ }
color
color用于设置字体颜色,可以使用十六进制、rgb或rgba值来设置颜色。
{ color: #333; /* 设置字体颜色 */ }
通过设置font属性,可以让文本具备不同的样式和风格,使得页面更加美观、易读。