CSS屬性之字型 Font

2021-07-14 05:41:18 字數 2092 閱讀 2184

css屬性之字型(font)

復合屬性,各屬性見下文。

必須同時包含font-size和font-family,且這兩個值順序不能變,其他關鍵字的值放到這兩個值的前面,順序可以隨意打亂。

可以在字型大小值(font-size)上放乙個可選的行高值(line-height)作為字型大小的某種附屬值,後面必須有font-family。

font-style:normal | italic | oblique

normal: 指定文字字型樣式為正常的字型。

italic: 指定文字字型樣式為斜體。對於沒有設計斜體的特殊字型,如果要使用斜體外觀將應用oblique。

oblique: 指定文字字型樣式為傾斜的字型。人為的使文字傾斜,而不是去選取字型中的斜體字。

注:italic 和 oblique 的區別實在看不出來,至少在chrom瀏覽器下看不出來。

font-variant:normal | small-caps

normal: 正常的字型。

small-caps: 小型的大寫字母字型。

font-weight:normal | bold | bolder | lighter |

normal: 正常的字型。相當於number為400。

bold: 粗體。相當於number為700。

bolder: 特粗體。也相當於strong和b物件的作用。

lighter: 細體。

: 用數字表示文字字型粗細。取值範圍:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 。

font-size: | | |

: 根據物件字型進行調節。可選引數值:xx-small | x-small | small | medium | large | x-large | xx-large。以 medium 作為基礎參照,xx-small相當於medium 3/5 (h6),x-small: 3/4,small: 8/9 (h5),medium: 1 (h4),large: 6/5 (h3),x-large: 3/2 (h2),xx-large: 2/1 (h1)。

: 相對于父對像中字型尺寸進行相對調節。使用成比例的em單位計算。可選引數值:smaller | larger。

: 用長度值指定文字大小。不允許負值。

: 用百分比指定文字大小。其百分比取值是基於父物件中字型的尺寸。不允許負值。 

font-family:[ | ] [, | ]*

: 字型名稱。按優先順序排列。以逗號隔開。如果字型名稱包含空格或中文,則應使用引號括起 。

: 字型序列名稱。 

font-stretch:ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded

ultra-condensed: 比正常文字寬度窄4個基數。

extra-condensed: 比正常文字寬度窄3個基數。

condensed: 比正常文字寬度窄2個基數。

semi-condensed: 比正常文字寬度窄1個基數。

normal: 正常文字寬度。

semi-expanded: 比正常文字寬度寬1個基數。

expanded: 比正常文字寬度寬2個基數。

extra-expanded: 比正常文字寬度寬3個基數。

ultra-expanded: 比正常文字寬度寬4個基數。 

但即使支援,顯示效果也與正常文字並無不同。 

css字型樣式屬性 font字型

1 font size 字型大小 2 font family 字型 3 font weight 字型粗細 屬性值描述normal 預設值 不加粗 bold 定義粗體 100 900 400等同於normal,而700等於bold 4 font style 字型風格屬性 作用normal 預設值,瀏覽...

CSS入門筆記三 字型屬性font

在css中將字型的屬性全用font來來設定,我們常用的有以下屬性 1.字型系列 font family 後可跟多個值,但值之間需要用逗號隔開,當電腦無第乙個值的字型 如微軟雅黑 時會選擇第二個值的字型,若無第二個值的字型則會選擇第三個值,這樣依次往下選擇。2.字型大小 font size 屬性值是畫...

css基礎屬性之字型屬性

語法 value值可以用數值 絕對大小關鍵字進行表示 1 當value值為數值時,必須要在數值後新增單位 pt px em 其中pt px 3 4 1em 16px 預設狀態 p divh2 注意 當父元素中設定了字型的大小時,子元素中如果使用em作為單位的話,那麼1em 父元素字型的大小。2 va...