css入門3 字型樣式

2021-10-24 15:40:28 字數 968 閱讀 3513

1字型樣式簡介

字型樣式屬性

屬性說明

font-family

字型型別

font-size

字型大小

font-style

字型風格

color

字型顏色

除了字型顏色,其它字型屬性都是以font字首開頭的,其中font是字型的意思

1.1字型型別:font-family

在css中,可以使用font-family屬性定義字型型別

語法

font-family: 字型1,字型2,···,字型n;
舉例:設定一種字型

<

!doctype >

"utf-8" />

設定一種字型

"div1"

>arial

"div2"

>times new roman

"div3"

>微軟雅黑

執行結果:

1.2字型大小:font-size

語法

font-size:引數值;
說明font-size屬性取值有兩種,一種是「關鍵字」,如small,medium,large等,另一種方法是「畫素值」,如10px、16px,20px等

px是什麼

px全程pixel(畫素)

舉例:使用畫素為單位

>

>

charset

="utf-8"

>

>

font-size px使用title

>

CSS3 字型樣式

lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...

css3字型樣式

一 font family的使用 font family屬性可以設定html文字的字型樣式,eg.注意 當字型名稱中包括空格 之類的符號,則使用 font family 可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font family 屬性的...

css入門(三) 字型樣式

1.概述 a.文字樣式屬性主要包括字型 大小 粗細 顏色等放方面。font family 字型型別 font size 字型大小 高和寬 font weight 字型粗細 肥胖 程度 font style 字型斜體 color 顏色 2.font family font size font weig...