文本格式化
?文本格式化
? 文本格式化主要包括控制字體以及文本格式,字體包含大小、加粗、字體系列等;文本格式包含文本顏色、文本排列和文本縮進等
? 1、字體屬性:
? font-family(指定字體):value,value1,value2,…;其中vlaue、value1、value2表示字體的名稱,按優(yōu)先順序進行排列,以逗號隔開,如果字體包含空格,則用引號將字體引起來,這個意思是瀏覽器會優(yōu)先使用第一個字體,如果沒裝該字體,則使用下一個;注意,也可以只設置一個字體?
? font-size(字體大小);
? font-weight(字體加粗),其取值可以為normal、bold(粗體)、bolder(更粗的字體)、lighter(更細的)、數(shù)值(100~900);
? font-style(傾斜):normal/italic;
? font-variant:以小型大寫字體,就是外形是大寫字母,但是與小寫字母一樣高,可取值為normal、small-caps;
? font屬性,用于把所有針對字體的屬性設置在一個屬性中,其格式為:
? font:font-style font-varient font-weight font-size font-family;,不設置的話,則使用默認狀態(tài)
? 2、文本屬性
? 文本顏色:color:value;
? 文本排列:text-align:center/left/right;
? 文本方向(左右):direction:ltr/rtl;
? 字符間距:letter-spacing:value;
? 文字修飾:text-decoration:none/underline(下劃線)/line-through(刪除線)/overline(上劃線);
? 行高:line-height:value;
? 首行縮進:text-indent:value;
? 文本陰影:text-shadow:h-shadow v-shadow blur color;
? 處理空白:white-space:normal/nowrap(不換行,除非遇到<br>)/pre(保留空白,類似于pre標記)/pre-wrap(保留空白,但是會正常換行)/pre-line(合并空白序列,但是保留換行符)
? 文本溢出:text-overflow:clip(裁剪)/ellipsis(以省略號顯示,必須配合處理空白的nowrap和overflow一起使用);
? 長單詞換行:word-wrap:normal/break-word;
? 文本換行:word-break:normal、break-all、keep-all;
總結(jié)
- 上一篇: 浮点型数据在内存中是如何存储的
- 下一篇: 商务英语中最易犯的五个错误