CSS 行內文字指的是在 HTML 網頁中被包含在行內元素中的文本。在 CSS 樣式表中,我們可以通過style
屬性或者通過樣式選擇器為文本指定各種樣式。
/* 通過 style 屬性為文本指定字體大小為 16px */ <p style="font-size: 16px;">這是一段通過 style 屬性指定字體大小的文本。/* 通過 class 選擇器為行內元素指定樣式 */ <style>.red { color: red; font-weight: bold; } </style><p>這是一段<span class="red">使用 class 選擇器為文本指定顏色和字體粗細</span>的文本例子。
除了字體大小和顏色,我們還可以通過 CSS 樣式表為行內元素指定字體族(font-family
)、行高(line-height
)等樣式。在使用樣式時,我們需要注意的是,CSS 的樣式優先級是:內聯樣式 >ID 選擇器 >類選擇器 >元素選擇器。
/* 通過 style 屬性指定行內元素字體大小、字體族、行高 */ <p>這是一段<span style="font-size: 18px; font-family: 'Microsoft YaHei'; line-height: 1.5;">通過 style 屬性指定字體大小、字體族和行高的文本例子。/* 通過 class 選擇器為行內元素指定字體大小、字體族、行高 */ <style>#text { font-size: 16px; } .blue { color: blue; font-family: 'SimSun'; } </style><p>這是一段<span id="text" class="blue" style="line-height: 2;">使用 ID 選擇器、類選擇器和 style 屬性共同為文本設置樣式的示例。
最后需要注意的是,CSS 樣式表中的單位包括像素(px)、點(pt)、百分比(%)等。在為文本指定樣式時,我們需要根據實際情況選擇合適的單位,以達到較好的效果。