css中font的用法

font 屬性用於定義文字的字體樣式，包括字體樣式、粗細、大小、行高和字體系列，語法為：font: font-style font-weight font-size/line-height font- family;

CSS 中font 的用法

font 屬性

font 屬性用來定義文字的字型、字號、粗細、斜體等樣式。它的語法為：

<code class="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 屬性，可以自訂文字的各種樣式，從而創建視覺上吸引人的網頁。

以上是css中font的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！