文字樣式屬性
文字樣式 | 英文 |
---|---|
字體 | font-family |
文字大小 | font-size |
文字顏色 | color |
文字粗細(xì) | font-weight |
文字樣式 | font-style |
font-family字體屬性
font-family屬性值:具體字體名,字體集
字體集:
Serif
Sans-serif
Monospace
Cursive
Fantasy
font-size文字大小
font-size: 絕對(duì)單位 | 相對(duì)單位
絕對(duì)單位
屬性值 | 說(shuō)明 |
---|---|
in | Inch捡需,英寸 1英寸=2.54厘米 |
cm | 厘米 1厘米=0.394英寸 |
mm | 毫米 1毫米=0.1厘米 |
pt | 磅,印刷的點(diǎn)數(shù) 72磅=1英寸 |
pc | Pica筹淫,1pc=12pt |
屬性值 | CSS2縮放系數(shù)1.2 |
---|---|
xx-small | 9px |
x-small | 11px |
small | 13px |
medium(瀏覽器默認(rèn)大姓净浴) | 16px |
large | 19px |
x-large | 23px |
xx-large | 28px |
絕對(duì)大小,不能隨瀏覽器分辨率或父元素大小的改變而改變
相對(duì)單位
px 像素
em / %
移動(dòng)端一般不用px
color文字顏色
定義元素內(nèi)文字顏色
語(yǔ)法:
color:顏色名 | 十六進(jìn)制 | RGB
font-weight文字粗細(xì)
為元素內(nèi)文字設(shè)置粗細(xì)
語(yǔ)法:
font-weight: normal | bold | bolder | lighter | 100~900
說(shuō)明:
默認(rèn)值:normal
400等同于normal损姜,而700等同于bold
font-style文字樣式
為元素內(nèi)文字設(shè)置樣式
語(yǔ)法:
font-style: normal | italic | oblique
font-variant字體變形
設(shè)置元素中文本為小型大寫(xiě)字母
語(yǔ)法:
font-variant:normal | small-caps
font屬性簡(jiǎn)寫(xiě)
語(yǔ)法:
font:font-style font-variant font-weight font-size/line-height font-family
說(shuō)明:
值之間空格隔開(kāi)
注意書(shū)寫(xiě)順序
如果font-family有多個(gè)值饰剥,用逗號(hào)分隔開(kāi)
注意:
同時(shí)設(shè)置font-size和font-family,屬性才起作用
前三者順序是任意的
后兩者順序是font-size在前摧阅,font-family在后
如果有前面三者任意一種存在汰蓉,必須在font-size和font-family前面