CSS中的font(字體)屬性是控制文本字體樣式的重要屬性,它可以設(shè)置字體的類型、大小、樣式、顏色等等。使用font屬性,可以讓文本更加美觀、易讀。
{ font-family: Arial, sans-serif; /* 設(shè)置字體類型 */ font-size: 16px; /* 設(shè)置字體大小 */ font-style: italic; /* 設(shè)置字體樣式:斜體 */ font-weight: bold; /* 設(shè)置字體粗細(xì):粗體 */ color: #333; /* 設(shè)置字體顏色 */ }
可以看到,在font屬性中需要設(shè)置多個(gè)值,下面我們來一一介紹。
font-family
font-family用于設(shè)置字體類型??梢栽O(shè)置一個(gè)或多個(gè)字體類型,當(dāng)?shù)谝粋€(gè)字體不可用時(shí),會嘗試使用第二個(gè),以此類推。需要注意的是,多個(gè)字體類型之間要用英文逗號隔開。
{ font-family: Arial, sans-serif; /* 設(shè)置字體類型 */ }
font-size
font-size用于設(shè)置字體大小??梢允褂媒^對或相對單位來設(shè)置字體大小,比如px、em、rem等。默認(rèn)的字體大小是16px。
{ font-size: 16px; /* 設(shè)置字體大小 */ }
font-style
font-style用于設(shè)置字體樣式,可以是normal(常規(guī))、italic(斜體)或oblique(傾斜),默認(rèn)值是normal。
{ font-style: italic; /* 設(shè)置字體樣式:斜體 */ }
font-weight
font-weight用于設(shè)置字體粗細(xì),可以是normal(常規(guī))、bold(粗體)或lighter(細(xì)體),也可以設(shè)置數(shù)字值。數(shù)字值的范圍是100到900,其中400是normal,700是bold,如果沒有對應(yīng)的字體粗細(xì),將會使用最接近的一個(gè)。
{ font-weight: bold; /* 設(shè)置字體粗細(xì):粗體 */ }
color
color用于設(shè)置字體顏色,可以使用十六進(jìn)制、rgb或rgba值來設(shè)置顏色。
{ color: #333; /* 設(shè)置字體顏色 */ }
通過設(shè)置font屬性,可以讓文本具備不同的樣式和風(fēng)格,使得頁面更加美觀、易讀。