字型屬性和文字屬性總結

2022-06-11 04:21:08 字數 1362 閱讀 3855

一、字型屬性

1、字型

font-family:"微軟雅黑","宋體",...;

設定字型,先找微軟雅黑,執行電腦上沒有這個字型再去找宋體,以此類推

2、字型大小

font-size:20px;

畫素單位:px,ex,rem

px:絕對單位,一旦設定了值,不管網頁如何變化始終如一

em:相對單位,當前某塊區域的字型大小,比如給p標籤設定了字型大小20px,那麼1em=20px,2em=40px,相對的換算,對應的em會隨著設定的px變化

rem:相對單位,主要應用於移動端

3、字型顏色

color:red;

顏色表示法:

單詞表示法:red green yellow purple blue

rgb()表示法

rgba()  a:alpha表示透明度

十六進製制表示法:#ff6700

4、字型樣式

font-style:italic;

有兩個屬性:normal預設的字型,italic表示斜體

5、字型粗細

font-weight:bold;

屬性有兩種表示方式:

單詞:bold表示粗的字型

數值範圍:100-900,其中400表示預設的字型粗細

二、文字屬性

1、文字修飾

text-decoration:underline;

有4種屬性:

underline:下劃線

none:無線

overline:上劃線

line-through:刪除線

2、文字縮排

text-indent:2em;

屬性單位建議使用em,如上表示文字首行空兩格,能根據字型大小自動適應調整

3、行高

line-height:

行與行之間的距離

屬性單位有:px,em,rem

4、中文字間距/英文單詞間距

letter-sapacing:

word-spacing:

5、文字對齊方式

text-align:center;

有三種屬性:

left:左對齊

right:右對齊

center:中間對齊,使用最多

CSS字型屬性和文字屬性

字型屬性 font size px 字型的大小 font weight 400 700 bold,表示加粗 400 lighter,不加粗 font family 字型 font style 字型為斜體或者正常字型字型的復合語法 選擇器文字屬性 color 文字顏色 text algin under...

CSS的字型屬性和文字屬性

字型屬性用於定義字型系列 大小 粗細 和文字樣式 如斜體 屬性表示 備註font size 字型大小一定要跟上單位px font family 字型盡量使用系統預設字型,一般情況下,如果多個單詞組成的字型,要加引號。各種字型必須用英文逗號隔開。font weight 字型粗細 加粗 700或者bol...

字型屬性 文字屬性

font family 微軟雅黑 字型 font size 16px 瀏覽器預設大小 16px 字型大小大小 font weight 400代表正常 700代表加粗 字型粗細 font style normal 預設正常 italic 斜體 文字樣式 字型復合屬性 順序 swsf font font...