CSS字型樣式

2021-08-25 22:50:03 字數 1018 閱讀 3931

字型:font-family

文字大小:font-size

文字顏色:color

文字粗細:font-weight

文字樣式:font-style

定義元素內文字以什麼字型來顯示

語法:font-family:字型1,字型2,....

說明:含空格字型名和中文,用英文引號括起

多個字型,用英文逗號隔開

引號巢狀,外使用雙引號,內使用單引號

舉例:p雖然有多個字型,但只會使用乙個,若第乙個沒有則使用第二個...,如果都沒有,使用瀏覽器預設字型

font-family字型屬性還可以新增字型集屬性,比如sans-serif,p

定義元素內文字大小,不定義文字大小時,使用瀏覽器設定的預設字型大小

語法:font-size:絕對單位 / 相對單位

絕對單位:

相對單位,單位px(畫素)、em(倍數,是父元素字型大小的倍數)、%(百分比,是父元素字型大小的百分比)

使用絕對單位(不受顯示器解析度的變化而變化):p,div

使用相對單位(受顯示器解析度的影響):p,div

定義元素內文字顏色

語法: color:顏色名|十六進製制|rgb

h1p p /*數字:0~255,百分比:0%~100%*/

h1/*#開頭,六位,0~f*/

為元素內文字設定粗細

語法: font-weight:normal/bold/bolder/lighter/100~900

說明:   預設值:normal,400等同於normal,700等同於bold

為元素內文字設定樣式

語法:  font-style:normal(預設)/italic(斜體)/oblique(傾斜)

設定元素中文字為小型大寫字母

語法:  font-variant:normal(預設)/small-caps(小型大寫字母)

css字型樣式

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

css 字型樣式

通常使用絕對大小定義文件的基準字型大小,然後使用相對大小定義其它文字 如 定義文件預設字型大小為12培訓,位150 則呈現12px大小,呈現為18px的大小 常用技巧 中文網頁的字型大小設定,通常使用偶書字型大小,以避免文字邊緣出現毛邊,如14px或22px 在pc端設定字型大小最小值為12px,在...

CSS字型樣式

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