css fonts(字型)屬性用於定義字型系列、大小、粗細和文字樣式(如斜體)。
一、字型系列
css使用font-family屬性定義文字的字型系列。
各種字型之間必須使用英文狀態下的逗號隔開
一般情況下,如果有空格隔開的多個單詞組成的字型,加引號
盡量使用系統預設的自帶字型,保證在任何使用者的瀏覽器中都能正確顯示。
最常用的幾個字型:body
二、字型大小
css使用font-size屬性定義字型大小
px(畫素)大小是我們網頁的最常用的單位。
谷歌瀏覽器預設的字型大小為16px.
不同瀏覽器可能預設顯示的字型大小大小不一致,我們盡量給乙個明確值大小,不要預設大小
可以給body指定整個頁面文字的大小。
三、字型粗細
css可以使用font-weight屬性設定
屬性值 描述
normal 預設值(不加粗的)
bold 定義粗體(加粗的)
100-900 400等同於normal,而700等同於bold,注意這個數字後面不跟單位。
實際開發中更多使用數字表示粗細
四、字型樣式
css使用font-style屬性設定文字的風格
屬性值 作用
normal 預設值,瀏覽器會顯示標準的字型樣式
italic 瀏覽器會顯示斜體的字型樣式
注意:平時我們很少給文字加斜體,反而要給斜體標籤改為不傾斜字型。
五、字型復合屬性
字型屬性可以把以上文字樣式綜合來寫
font: font-style font-weight font-size/line-height font-family;
使用font屬性時,必須按照上面語法格式中的順序書寫,不能更換順序,並且各個屬性間以空格隔開。
不需要設定的屬性可以省略(取預設值),但必須保留font-size和font-family屬性,否則font屬性將不起作用。
CSS字型屬性
字型族科 語法 font family 族科名稱 種類族科 族科名稱 種類族科 允許值 族科名稱 任意字型族科名稱都可以使用 種類族科 serif e.g.times sans serif e.g.arial or helvetica cursive e.g.zapf chancery fantas...
css字型屬性
css字型屬性用於定義字型的顏色,大小和樣式。font family 用於定義字型的樣式,如黑體,宋體等等。在使用font family時要注意以下幾點 1 在開發中不要使用自己電腦上特有的字型,因為我們寫的網頁是讓其他使用者看的,樣式特殊的話,其他人的電腦上可能沒有這種字型,就會顯示出現效果差。2...
CSS字型屬性
這個屬性設定字型名稱,如arial,tahoma,courier等。例句如下 s1 演示示例 這個屬性可以設定字型的大小。字型大小的設定可以有多種方式,最常用的就是pt和px pixel 例句如下 s2 演示示例 這個屬性有三個值可選 normal,italic,oblique。normal是預設值...