1. 程式人生 > >CSS--文字/文字屬性

CSS--文字/文字屬性

CSS控制文字屬性:

1、font-size:18px;:設定字號
2、color:#093:設定字色
3、font-family:'宋體';:設定字型(可以有多種字型,兩個字型之間有,分隔開,表示如果系統中有第一個字型則顯示效果是第一個字型,如果沒有則顯示的是第二個字型的效果,以此類推)
4、line-height:150%;:設定行與行之間的距離(單位可用px或者em或者百分比)
5、font-weight:bold:設定字型的粗細(粗:bold 正常:normal)

6、font-variant : normal正常 | small-caps小型的大寫字母字型
7、font—style:設定字型樣式(normal正常,italic,oblique斜體)
8、text-decoration:修飾文字(none正常,underline下劃線,overline上劃線,line-through刪除線 blink閃爍(只支援IE6,7,搜狐))
9、letter-spacing:5px:字元間距(normal預設,length長度單位)
10、word-spacing:5px:單詞間距(normal預設,length長度單位

font屬性簡化的寫法:是否斜體 是否同寬 是否粗體 大小 字型

CSS控制文字屬性:

1、設定文字縮排:text-indent:length(長度單位)可以負值
2、文字水平對齊方式:text-align:left左,center居中,right右
3、空白處理:white-space:nowrap(nowrap強制在一行中顯示,pre換行和空格保留,normal自動換行)
4、大小寫控制:text-transform:(capitalize每個單詞的第一個字母大寫,uppercase每個字母都大寫,loowercase每個字母都小寫,none正常大小)
5、文字垂直對齊方式:vertical-align:(sub設定文字為下標,super設定文字為上標 , top與頂端對齊 ,text-bottom與低端對齊)