font 屬性用于定義文本的字體樣式,包括字體樣式、粗細、大小、行高和字體系列,語法為:font: font-style font-weight font-size/line-height font-family;
CSS 中 font 的用法
font 屬性
font 屬性用于定義文本的字體、字號、粗細、斜體等樣式。它的語法為:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">font: font-style font-weight font-size/line-height font-family;</code>
登錄后復制
其中:
font-style:定義字體樣式,取值有 normal (正常)、italic (斜體) 和 oblique (傾斜)。
font-weight:定義字體粗細,取值為 normal、bold、bolder、lighter 等。
font-size:定義字體大小,單位可以是 px、em、rem 或百分比。
line-height:定義行高,單位與 font-size 相同。
font-family:定義字體系列,可以指定多個字體名稱,以逗號分隔。
示例
<code class="css">/* 設置文本為斜體、加粗、24px 大小、行高為 1.5 */ font: italic bold 24px/1.5 Arial, Helvetica, sans-serif;</code>
登錄后復制
其他與 font 相關的屬性
除了 font 屬性外,還有其他與字體相關的 CSS 屬性,包括:
color:設置文本顏色。
text-align:設置文本對齊方式。
text-decoration:設置文本裝飾效果,如下劃線、刪除線等。
text-transform:設置文本轉換效果,如大寫、小寫等。
font-variant:設置字體變形效果,如小寫變體、大寫變體等。
通過靈活使用這些 CSS 屬性,可以自定義文本的各種樣式,從而創建視覺上吸引人的網頁。