CSS字型屬性

2021-04-17 07:07:07 字數 2795 閱讀 7689

字型族科

語法: font-family: [[《族科名稱》 | 《種類族科》],]* [《族科名稱》 | 《種類族科》]

允許值: 《族科名稱》

任意字型族科名稱都可以使用

《種類族科》

serif (e.g., times)

sans-serif (e.g., arial or helvetica)

cursive (e.g., zapf-chancery)

fantasy (e.g., western)

monospace (e.g., courier)

初始值: 由瀏覽器決定

適用於: 所有物件

向下相容: 是

字型族科可以用乙個指定的的字型名或乙個種類的字型族科。很明顯,定義乙個指定的字型名不會比定義乙個種類的字型族科合適。多個族科的賦值是可以使用的,而如果確定了乙個指定的字型賦值,就應該有乙個種類族科名隨後,以防第乙個選擇不存在。

字型族科宣告的例子如下:

p 留意頭兩個賦值指定了字型的型別: new century schoolbook和times。可是,因為它們兩者都是serif字型,字型族科的種類作為後備列了出來,以防系統沒有兩者但有另乙個serif合資格的字型。

任何包含空格的字型名都必須用單引號或雙引號引住。

字型族科也可以用字型屬性給出。

字型風格

語法: font-style: 《值》

允許值: normal | italic | oblique

初始值: normal

適用於: 所有物件

向下相容: 是

字型風格屬性以三個方法的其中乙個來定義顯示的字型: normal (普通),italic (斜體) 或oblique (傾斜)。樣式表的字型風格宣告例子如下:

h1 p

字型變形

語法: font-variant: 《值》

允許值: normal | **all-caps

初始值: normal

適用於: 所有物件

向下相容: 是

字型變形屬性決定了字型的顯示是normal (普通) 還是**all-caps (小型大寫字母)。當文字中所有字母都是大寫的時候,小型大寫字母(值)會顯示比小寫字母稍大的大寫字元。稍後版本的css將會支援附加的變形,如收縮、擴張、小寫數碼或其它自定義的變形。字型變形的定義例子如下:

span

字型加粗

語法: font-weight: 《值》

允許值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

初始值: normal

適用於: 所有物件

向下相容: 是

字型加粗屬性用作說明字型的加粗。當其它值絕對時,bolder和lighter值將相對地成比例增長。

注意: 因為不是所有的字型都有九個有效的加粗顯示,一些加粗的會在指定下組合。如果指定的加粗無效,會按以下原則選擇:

500 會被 400代替,反之亦是

100-300 會被指定為下一較細的加粗,如果有的話,否則就是下一較粗的加粗

600-900 會被指定為下一較粗的加粗,如果有的話,否則就是下一較細的加粗

一些字型加粗的定義例子如下:

h1 p

字型大小

語法: font-size: 《絕對大小》 | 《相對大小》 | 《長度》 | 《百分比》

允許值: 《絕對大小》

xx-**all | x-**all | **all | medium | large | x-large | xx-large

《相對大小》

larger | **aller

《長度》

《百分比》 (in relation to parent element)

初始值: medium

適用於: 所有物件

向下相容: 是

字型大小屬性用作修改字型顯示的大小。絕對長度(使用的單位為pt-畫素和in-英吋) 需要謹慎地考慮到其適應不同瀏覽環境時的弱點。對於乙個使用者來說,絕對長度的字型很有可能會很大,或很小。

一些大小指定的定義如下:

h1 p

li strong

網頁製作者需要清楚microsoft internet explorer 3.x 會錯誤地將em 和ex單位當作畫素,這很可能會令到使用了這些單位的文字不可讀。瀏覽器還會錯誤地將百分比值視為相對於選中部分的預設字型大小,而不是上級元素的字型大小。這種做法像

h1 這是危險的,其大小將被視為ie的一級標題的預設字型大小的兩倍,而不是兩倍於上級元素的字型大小。在這種情況中,body 通常會被視為上級元素,而且很可能定義乙個medium的字型大小,然而,在ie中一級標題的預設字型大小可能被認為是xx-large。

注意到了這些錯誤後,網頁製作者在使用字型大小屬性時,應該小心使用百分比的值,而且應該盡量避免使用em和ex這兩個單位。

字型

語法: font: 《值》

允許值: [ 《字型風格》 || 《字型變形》 || 《字型加粗》 ]? 《字型大小》 [ / 《行高》 ]? 《字型族科》

初始值: 未定義

適用於: 所有物件

向下相容: 是

字型屬性用作不同字型屬性的略寫,特別是行高。例如,

p 指定該段為bold(粗體)和italic(斜體)times或serif字型,12點大小,行高為14點。

css字型屬性

css字型屬性用於定義字型的顏色,大小和樣式。font family 用於定義字型的樣式,如黑體,宋體等等。在使用font family時要注意以下幾點 1 在開發中不要使用自己電腦上特有的字型,因為我們寫的網頁是讓其他使用者看的,樣式特殊的話,其他人的電腦上可能沒有這種字型,就會顯示出現效果差。2...

CSS字型屬性

這個屬性設定字型名稱,如arial,tahoma,courier等。例句如下 s1 演示示例 這個屬性可以設定字型的大小。字型大小的設定可以有多種方式,最常用的就是pt和px pixel 例句如下 s2 演示示例 這個屬性有三個值可選 normal,italic,oblique。normal是預設值...

CSS 字型屬性

css 使用 font family 屬性定義文字的字型系列。pdiv 各種字型之間必須使用英文狀態下的逗號隔開 一般情況下,如果有空格隔開的多個單詞組成的字型,加引號.盡量使用系統預設自帶字型,保證在任何使用者的瀏覽器中都能正確顯示 最常見的幾個字型 body css 使用 font size 屬...