CSS 字型屬性

2021-10-22 18:28:55 字數 1415 閱讀 7908

屬性

描述font

簡寫屬性。在一條宣告中設定所有字型屬性。

font-family

規定文字的字型系列(字型族)。

font-size

規定文字的字型大小。

font-style

規定文字的字型樣式

font-variant

規定是否以小型大寫字母的字型顯示文字。

font-weight

規定字型的粗細。

font-family 規定元素的字型系列

font-family 可以把多個字型名稱作為乙個「回退」系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font-family 屬性的值是用於某個元素的字型族名稱或/及類族名稱的乙個優先表。瀏覽器會使用它可識別的第乙個值

有兩種型別的字型系列名稱:

指定的系列名稱:具體字型的名稱,比如:「times」、「courier」、「arial」。

通常字型系列名稱:比如:「serif」、「sans-serif」、「cursive」、「fantasy」、「monospace」

?提示:使用逗號分割每個值,並始終提供乙個類族名稱作為最後的選擇

font-size 值可以是絕對或相對大小

絕對尺寸:

將文字設定為指定大小

不允許使用者在所有瀏覽器中更改文字大小(可訪問性不佳)

當輸出的物理尺寸已知時,絕對尺寸很有用

相對尺寸:

設定相對於周圍元素的大小

允許使用者在瀏覽器中更改文字大小

注釋:如果您沒有指定字型大小,則普通文字(如段落)的預設大小為 16px(16px = 1em)

此屬性可設定三個值:

normal - 文字正常顯示

italic - 文字以斜體顯示

oblique - 文字為「傾斜」(傾斜與斜體非常相似,但支援較少)

在 small-caps 字型中,所有小寫字母都將轉換為大寫字母。但是,轉換後的大寫字母的字型大小小於文字中原始大寫字母的字型大小

屬性值解釋

normal

預設值。定義標準的字元。400

bold

定義粗體字元。700

bolder

定義更粗的字元。

lighter

定義更細的字元。

100-900

注意這個數字後面不跟單位

inherit

規定應該從父元素繼承字型的粗細。

div

使用 font 屬性時,必須按照上面的語法格式順序書寫,不能更換順序,並且各個屬性以空格隔開

不需要設定的屬性可以省略(取預設值),但是必須保留 font-size 和font-family 屬性,否則 font 屬性將不起作用,如:font:20px 『黑體』;

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