文字大卸瘛: |xx-small|x-small|small|medium|large|x-large|xx-lager|
: large small 相對(duì)父元素的大或者小
文字字體:
font-family:"宋體"丹锹,"微軟雅黑";
//解決多個(gè)系統(tǒng)兼容性問(wèn)題 escape("微軟雅黑")
font-family:"%u5FAE%u8F6F%u96C5%u9ED1" == font-family:"微軟雅黑"
字體系列
- 襯線字體 serif
- 無(wú)襯線字體 sans-serif
//一般為了兼容性都要加上當(dāng)中的一個(gè),避免當(dāng)前系統(tǒng)沒有設(shè)置的字體
字體粗細(xì)
font-weight: normal(400) | bold(700) | bolder | lighter |100 ~ 900
字體風(fēng)格
font-style: normal | italic(斜體,使用斜體樣式,字體如果沒有斜體樣式就正常顯示) |oblique(強(qiáng)制斜體)
字間距
letter-specing : 數(shù)字可以是負(fù)數(shù)
text-decoration: none //取消下劃線
word-specing : 數(shù)字 字間距
//letter-spacing和word-spacing這兩個(gè)屬性都用來(lái)添加他們對(duì)應(yīng)的元素中的空白。letter-spacing添加字母之間的空白袄膏,而word-spacing添加每個(gè)單詞之間的空白。請(qǐng)大家注意掺冠,word-spacing對(duì)中文無(wú)效沉馆。(其實(shí)添加空格也可以有效)
行高
行高 == 0.5倍行距 + 文字Top + 文字Bottom + 0.5倍行距 注意有順序,至上而下的
另一個(gè)定義: 兩段文字之間 兩條基線的距離
1.5em = 1.5 = 150%
文本修飾
text-decoration = none; //刪掉修飾
text-decoration=underline //下劃線
text-decoration=line-through //刪除線
text-decoration: overline//頂線
空白處理
white-space :normal //超過(guò)div邊界寬度就換行
white-space :nowarp // 只要沒遇到換行符,一直往后放
white-space: pre // html原格式顯示(計(jì)算源代碼中的空格和換行)
自動(dòng)換行
word-break :normal //不打斷單詞
word-break :break-all; //打斷單詞
word-break: keep-all // 不允許換行斥黑,除了遇到空格揖盘,換行