css 字型樣式

2021-08-19 18:08:29 字數 801 閱讀 4235

》通常使用絕對大小定義文件的基準字型大小,然後使用相對大小定義其它文字

如:定義文件預設字型大小為12培訓,位150%,則呈現12px大小,呈現為18px的大小

常用技巧:

》中文網頁的字型大小設定,通常使用偶書字型大小,以避免文字邊緣出現毛邊,如14px或22px

》在pc端設定字型大小最小值為12px,在移動端設定字型大小,最小值為20px。

》目前pc端中文網頁中基準字型大小通常設定為12px/14px,pc端預設為16px

color:

規定色彩(前景色):

》color用於設定所有的前景色,主要用於文字上

》color的值有多重寫法,最常見的的是16進製制**和基本色的英文名

font-weight

定義字型粗細的效果

》儘管font-weight的值有很多(**可以看到),但能看到效果的並不多

》正常狀態:值=normal(400)

》加粗狀態:值=bold(700)

font-style

.定義字型的斜體風格

normal 正常體

itlic 斜體   常用

oblique 傾斜效果(把文字傾斜,無論其是否具有斜體屬性,不常用)

font

.屬性說明:

》復合屬性:通過一句宣告來指定多個字型/文字的屬性。

》可設定的屬性按順序排列為:

font-style font-variant font-weight font-size/line-height font-family

》其中font-size和font-family的值是必須的。

css字型樣式

注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...

CSS字型樣式

字型 font family 文字大小 font size 文字顏色 color 文字粗細 font weight 文字樣式 font style 定義元素內文字以什麼字型來顯示 語法 font family 字型1,字型2,說明 含空格字型名和中文,用英文引號括起 多個字型,用英文逗號隔開 引號巢...

CSS字型樣式

font famliy 設定文字名稱,使用逗號分隔,瀏覽器會按照先後順序依次使用可用字型 常用值 黑體,宋體 不建議設定 font style 設定文字樣式 常用值 normal,italic font weight 加粗樣式 常用值 normol,bold text decoration 設定文字...