字型的設定

2021-05-22 15:53:15 字數 1745 閱讀 1290

在css中使用font屬性集對字型的風格,大小,亮度等進行設定,下面我們開始學習它們。

在css中使用font屬性集對字型的風格,大小,亮度等進行設定,下面我們開始學習它們。

一 字型風格 font-style

font-style屬性用於字型顯示的風格。

語法:說明:

(1)inherit 繼承,表示該屬性從父標籤中繼承而來。

(2)italic  斜體,表示使用斜體顯示文字。

(3)normal  正常,為預設值。

(4)oblique 偏斜體,表示有點傾斜但不大。

示例1 t1.htm

偏斜體oblique

二 字型變化 font-variant

font-variant屬性用於指定英文本型在列印時的大小對比。

語法:說明:

(1)normal 表示列印時大寫字母沒變化。

(2)small-caps 表示列印時大寫字母比通常小一點。

(3)inherit 表示該屬性從父標籤中繼承而來。

示例2 t2.htm

三 字型亮度 font-weight

語法:說明:瀏覽器預設的字型粗細為400。

(1)bold 表示黑體字(相當於數值700 )

(2)bolder 表示比黑體還要黑的字

(3)lighter 表示比黑體顏色要淺

(4)normal 正常體(相當於數值400)

(5)可以指定100-900之間的3位整數,100表示最亮,400表示正常

示例3 t3.htm

未設定樣式的字型:床前明月光,疑是地上霜。

偏斜體oblique,最亮100

font-size屬性用來指定字型的相對或絕對大小。

語法:說明:字型大小使用數值設定也可以使用比例

(1)medium 標準字型大小

(2)small 比父字型小一號的字

(3)x-small 比small小1.2倍的字

(4)xx-small 比x-small小1.2倍的字

(5)large 比父字型大一號的字

(6)x-large 比large大1.2倍的字

(7)xx-large 比x-large大1.2倍的字

(8)整數+"符號單位",符號單位有:象素px,點數pt,英吋in,公釐mm等

(9)整數+%,表示當前字型大小是父字型大小的百分比

示例4 t4.htm

未設定樣式的字型:床前明月光,疑是地上霜。

偏斜體oblique,最亮100,標準大小medium

五 字型設定 font-family

字型型別

語法:說明:

(1) 當指定了字型型別時,瀏覽器將呼叫客戶端字型

(2 )當指定了多種字型時,瀏覽器會安順序進行搜尋,如果沒有搜尋到,就使用預設字型。

示例5 t5.htm

未設定樣式的字型:床前明月光,疑是地上霜。

偏斜體oblique,最亮100,標準大小medium

六 字型顏色 color

語法:

作用:字型顏色

說明:顏色引數取值範圍

·以rgb值表示 如:#ff0000

·以預設顏色的英文名稱表示 如red

示例6 t6.htm

七 復合屬性設定 font

可以使用font引數對乙個標籤進行復合屬性設定。

標籤示例6 t7.htm

未設定樣式的字型:床前明月光,疑是地上霜。

舉頭望明月,低頭思故鄉

icewm的字型設定

摘自linuxsir的ai ya以及beta的發言 icepref 不認xft的設定,我是手動加進去的 titlefontname dynalab simsun medium r normal 140 m 1 titlefontnamexft simsun size 14 menufontname ...

C 字型的設定

檔名稱 完成日期 2014年11月6日 版本號 v0.1 對任務及求解方法的描述部分 輸入描述 無 問題描述 1 核取方塊中文字在左邊 2 最下部為水平滾動條。水平滾動條最小值為4 最大值為72 且在窗體load事件中通過 設定 3 單擊任何核取方塊,標籤上文字樣式都發生變化 4 單擊任意單選按鈕,...

iOS 字型的設定

字型大小設定 經過驗證,這個windows和mac上的字型大小是統一的。英文本型的1磅,相當於1 72 英吋,約等於1 2.8mm。12pt的字列印出來約為4.2mm。網頁中12px的字才相當於12畫素。雖然 四號 14 72 96 18.6px 更接近 19px,但是因為 18px 是點陣,所以系...