CSS語法 六 字型

2021-09-26 15:28:03 字數 1447 閱讀 3587

font-family 屬性設定文字的字型系列。

font-family 屬性應該設定幾個字型名稱作為一種"後備"機制,如果瀏覽器不支援第一種字型,他將嘗試下一種字型。

注意: 如果字型系列的名稱超過乙個字,它必須用引號,如font family:"宋體"。

多個字型系列是用乙個逗號分隔指明:

p主要是用於指定斜體文字的字型樣式屬性。

這個屬性有三個值:

p.normal

p.italic

p.oblique

font-size 屬性設定文字的大小。

能否管理文字的大小,在網頁設計中是非常重要的。但是,你不能通過調整字型大小使段落看上去像標題,或者使標題看上去像段落。

請務必使用正確的html標籤,就- 表示標題和表示段落:

字型大小的值可以是絕對或相對的大小。

絕對大小:

相對大小:

如果你不指定乙個字型的大小,預設大小和普通文字段落一樣,是16畫素(16px=1em)。

設定文字的大小與畫素,讓您完全控制文字大小:

h1 h2

p 上面的例子可以在 internet explorer 9, firefox, chrome, opera, 和 safari 中通過縮放瀏覽器調整文字大小。

雖然可以通過瀏覽器的縮放工具調整文字大小,但是,這種調整是整個頁面,而不僅僅是文字

為了避免internet explorer 中無法調整文字的問題,許多開發者使用 em 單位代替畫素。

em的尺寸單位由w3c建議。

1em和當前字型大小相等。在瀏覽器中預設的文字大小是16px。

因此,1em的預設大小是16px。可以通過下面這個公式將畫素轉換為em:px/16=em

h1 /* 40px/16=2.5em */

h2 /* 30px/16=1.875em */

p /* 14px/16=0.875em */

在上面的例子,em的文字大小是與前面的例子中畫素一樣。不過,如果使用 em 單位,則可以在所有瀏覽器中調整文字大小。

不幸的是,仍然是ie瀏覽器的問題。調整文字的大小時,會比正常的尺寸更大或更小。

在所有瀏覽器的解決方案中,設定 元素的預設字型大小的是百分比:

body

h1 h2

p 我們的**非常有效。在所有瀏覽器中,可以顯示相同的文字大小,並允許所有瀏覽器縮放文字的大小。

property

描述font

在乙個宣告中設定所有的字型屬性

font-family

指定文字的字型系列

font-size

指定文字的字型大小

font-style

指定文字的字型樣式

font-variant

以小型大寫字型或者正常字型顯示文字。

font-weight

指定字型的粗細。

CSS語法手冊(一)字型屬性

css語法手冊 一 字型屬性 動態網製作指南 knowsky.1 font family 功能 用於改變html標誌或元素的字型,你可設定乙個可用字型清單。瀏覽器由前向後選用字型。語法 例子 2 font style 功能 使文字顯示為扁斜體或斜體等表示強調 數值 normal 正常 italic ...

CSS學習3(字型)

這是最亂的地方,幾乎所有的字型都有多種名字。同種字型的不同風格 斜體,加粗等等 也有不同的名字,為了解決這個問題,css使用font family表示乙個系列的字型,包括這種字型的各個風格。設定時,你可以指定字型系列,也可以指定特定的字型。字型可以設定多個,使用者 會依次查詢,直到找到第乙個可用的為...

CSS樣式(二) 字型

1.單位 單位描述 px畫素 em1em 1個字元 2em 2個字元 自動適應使用者所使用的的字型 百分比,相對於從父類繼承的字型大小而言 用百分比乘以預設繼承字型大小即為當前字型大小 2.顏色 顏色描述 red blue green 可以從w3c找到所有顏色名 rgb x,x,x rgb值,每個顏...