前端學習 Css 字型

2021-09-21 15:11:26 字數 880 閱讀 1367

設定文字的大小,瀏覽器中一般預設的文字大小都是16px

font-size設定的並不是文字本身的大小,在頁面中,每個文字都是處在乙個看不見的框中的我們設定的font-size實際上是設定格的高度,並不是字型的大小一般情況下文字都要比這個格要小一些,也有時會比格大,根據字型的不同,顯示效果也不能。

當採用某種字型時,如果瀏覽器支援則使用該字型,如果字型不支援,則使用預設字型。

該樣式可以同時指定多個字型,多個字型之間使用「,」分開。

當採用多個字型時,瀏覽器會優先使用前邊的字型,如果前邊沒有在嘗試下乙個。

瀏覽器使用的字型預設就是計算機中的字型,如果計算機中有,則使用,如果沒有就不用。

在開發中,如果字型太奇怪,用的太少了,盡量不要使用,有可能使用者的電腦沒有,就不能達到想要的效果。

示例demo:

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

<

style

type

="text/css"

>

pstyle

>

head

>

<

body

>

<

p>

日出而作,日入而息。 鑿井而飲,耕田而食。 帝力於我何有哉!

p>

body

>

html

>

效果:

前端學習 Css 字型分類

在網頁中將字型分成5大類 serif 襯線字型 sans serif 非襯線字型 monospace 等寬字型 cursive 草書字型 fantasy 虛幻字型 可以將字型設定為這些大的分類,當設定為大的分類以後,瀏覽器會自動選擇指定的字型並應用樣式。一般會將字型的大分類,指定為font fami...

前端學習 Css 字型的幾個屬性學習

可選值 normal,預設值,文字正常顯示 italic 文字會以斜體顯示 oblique 文字會以傾斜的效果顯示 大部分瀏覽器都不會對傾斜和斜體做區分,也就是說我們設定italic和oblique它們的效果往往是一樣的 一般我們只會使用italic 可選值 normal,預設值,文字正常顯示 bo...

前端學習 css

1.內聯 慕課網,超酷的網際網路 it技術免費學習平台,創新的網路一站式學習 實踐體驗 服務及時貼心,內容專業 有趣易學。專注服務網際網路工程師快速成為技術高手!2.嵌入式 嵌入式css樣式必須寫在之間,並且一般情況下嵌入式css樣式寫在之間。慕課網,超酷的網際網路 it技術免費學習平台,創新的網路...