CSS字型屬性

2022-06-18 15:00:16 字數 985 閱讀 1198

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是預設值...