1、font-size 字體大小——

單位有px，pt，em等。

? ? ? ? ? ? ?12pt=16px，1em=16px。

? ? ? ? ? ? ?瀏覽器默認(rèn)是16px，設(shè)計(jì)圖常用字號(hào)12px。

2、color ?顏 ? ? 色——

color:red;

? ? ? ? ? ? color:#fff000;

? ? ? ? ? ? color:rgb(255,0,0); ?

? ? ? ? ? ? 范圍0-255；

? ? ? ? ? ? red green blue==rgb。

3、font-family ? 字 ? ?體——

當(dāng)字體是中文字體、英文字體中有空格時(shí)，需要加雙引號(hào)。

? ? ? ? ?多個(gè)字體中間用逗號(hào)鏈接，先解析第一個(gè)字體，如果沒(méi)有解析第二個(gè)字體，以此類推。

? ? ? ? ? 谷歌、火狐默認(rèn)微軟雅黑；

? ? ? ? ? ?系統(tǒng)默認(rèn)以及ie、360、qq瀏覽器默認(rèn)宋體。

4、font-weight ?加粗——

font-weight：bolder（更粗的）/bold（加粗）/normal（常規(guī)）

? ? ? ? ? ? ?font-weight：100-900；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 100-500不加粗，

600-900加粗。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?這里的數(shù)字取整數(shù)，無(wú)單位。

5、font-style ? 傾 ? ? 斜——

font-style：italic（斜體字）/oblique（傾斜的文字）/normal（常規(guī)顯示）。

6、text-align ?文本水平對(duì)齊——

text-align:left; ? 水平靠左

? ? ? ? ? ? ? ? ?text-align:right; ?水平靠右

? ? ? ? ? ? ? ? ?text-align:center; 水平居中

? ? ? ? ? ? ? ? ?text-align:justify;水平兩端對(duì)齊，但是只對(duì)多行起作用。

? ? ? ? ? ? ? ? （text-align-last:justify; 單行文本兩端對(duì)齊）

7、line-height ? 行 ? 高——

行高指的是兩行文字基線到基線之間的垂直距離；

? ? ? ? ?line-height的數(shù)據(jù)=height的數(shù)據(jù)，可以實(shí)現(xiàn)單行文本在垂直方向居中。

? ? ? ? ? 注意： line-height:1; ? 1是字號(hào)大小的1倍。

? ? ? ? ? ? ? ? ? ? ? line-height:100%; ? 也是字號(hào)大小的一倍。

8、font 文字簡(jiǎn)寫——

寬度 ?傾斜 ?大小/行高 ? 字體

? ? ? ? ? ? ? ? ?font是font-style font-weight font-size 或 line-height font-family的簡(jiǎn)寫。

? ? ? ? ? ? ? ? ?順序不能改變，必須同時(shí)指定font-size和font-family屬性時(shí)才起作用。

9、text-decoration ? 文本修飾——

text-decoration:none沒(méi)有

? ? ? ? ? ? ? ? ? ? ? ? ? underline下劃線

? ? ? ? ? ? ? ? ? ? ? ? ? overline上劃線

? ? ? ? ? ? ? ? ? ? ? ? ? line-through刪除線。

10、text-indent ?首行縮進(jìn)———

text-indent可以取負(fù)值；

? ? ? ? ? ? ? ? ? ? ? ? ? ? text-indent屬性只對(duì)第一行起作用。

11、text-transform 英文大小寫切換——

none：默認(rèn)值無(wú)轉(zhuǎn)換

? ? ? ? ? ? ? ? ? ? capitalize：首字母大寫

? ? ? ? ? ? ? ? ? ? uppercase：全部大寫

? ? ? ? ? ? ? ? ? ? lowercase：全部小寫。

12、font-variant 小型大寫字母——

?把小寫字母轉(zhuǎn)換成大寫，但是它的字號(hào)大小要比別的大寫字母?。ù笮樗木€三格的中間一格那么?。?。

? ? ? ? ? ? ? ? ? ?normal：默認(rèn)值，無(wú)變化

? ? ? ? ? ? ? ? ? ?small-caps：小型大寫。

13、layout-flow ?文本控制屬性——

一般情況下只會(huì)在ie瀏覽器里實(shí)現(xiàn)

? ? ? ? ? ? ? ? horizontal：從左向右開始顯示

? ? ? ? ? ? ? ? ?vertical-ideographic：從上到下開始顯示

14、letter-spacing ? 字間距———? ?

默認(rèn)為0

? ? ? ? ? ? ? ? ? ? ? ? ?取值為數(shù)字，單位:px

? ? ? ? ? ? ? ? ? ? ? ? ?可以取負(fù)值

15、word-spacing 詞間距—— 英文單詞間的間距