CSS的文本屬性
文本屬性-字體風(fēng)格
font-style：設(shè)置字體風(fēng)格；
常用的屬性：normal(常規(guī)字體)、italic(斜體)、oblique(傾斜)；
通常italic和oblique在瀏覽器上看上去是一樣。
文本屬性-字體粗細(xì)
font-weight：設(shè)置字體粗細(xì);
常用的屬性：normal(正常)、bold(加粗)、bolder（特粗）、lighter（細(xì)體）。
文本屬性-字體大小
font-size：設(shè)置字體大小；
常用的單位：px（像素），em（相對倍數(shù)），百分比；
網(wǎng)頁中的最小字體大小是：12px；
網(wǎng)頁中的默認(rèn)字體大小是：16px；
頁面字體大小的設(shè)置都使用偶數(shù)、整數(shù)。
文本屬性-字體格式
font-family：設(shè)置字體格式；
常用的中文字體：黑體-SimHei、宋體-SimSun、微軟雅黑-Microsoft YaHei；
常用的英文字體：Arial、sans-serif(無襯線體)。
font的復(fù)合書寫順序
font：style? weight? size? family；（屬性必須全部都有才能合寫）
例如：font：italic bold 12px "Microsoft YaHei";
font的書寫格式與要求
復(fù)合書寫時，字體大小和字體必須寫，不然無效；
復(fù)合書寫順序不能變換；
字體設(shè)置時，英文字體在前，中文字體在后；
分開書寫視具體需要而定。
單行文本垂直居中
行距l(xiāng)ine-height(行高) : px / normal(正常)；
用于單行文本垂直居中。
顏色的設(shè)置
color : 顏色屬性值；
顏色屬性包括：單詞、rgb、rgba、6位/3位16進制；
透明顏色的設(shè)置：
opacity：數(shù)值取值0-1之間，對應(yīng)透明到不透明；（會同時設(shè)置背景顏色、字體顏色、邊框顏色）
rgba() : a即是alpha （不透明度）,取值在0-1之間，透明同上；
IE8及更早的瀏覽器支持替代的filter屬性，例如：filter: Alpha(opacity = 數(shù)值);數(shù)值取值0-100之間;
文本對齊方式
水平方向text-align :
center(中間對齊)、left(左對齊)、right(右對齊)、justify(兩端對齊)；
垂直方向vertical-align：
top(頂部)、bottom(底部)、middle(中間對齊)；
此屬性除了table標(biāo)簽外其他標(biāo)簽支持的不是太好，只做了解，不建議使用。
文本修飾
text-decoration : 屬性值；
屬性值：
none(無修飾，默認(rèn)值)；
underline(下劃線)；
overline(上劃線)；
line-through(刪除線)。
文本縮進
text-indent : 屬性值；
屬性值：
常用單位px或者em；
em指文字倍數(shù)；
首行縮進設(shè)置2em即可。
單詞間距及字母間距
word-spacing :normal(默認(rèn)值)、設(shè)置正負(fù)數(shù)值；
letter-spacing :normal(默認(rèn)間隔)、設(shè)置正負(fù)數(shù)值；
斷句方式
word-wrap :break-word; 僅塊元素內(nèi)容在邊界換行；
word-break :break-all; 用于處理單詞折斷；
背景屬性
背景屬性—顏色
background-color：背景顏色（顏色方法）；
顏色的書寫方法：
#16進制數(shù)；
英文單詞；
rgb( )；
rgba( )。
transparent是全透明黑色(black)的速記法，即一個類似rgba(0,0,0,0)這樣的值。
背景屬性—圖片
background-image：背景圖片(存放url路徑)；
注意圖片的路徑地址的讀取。
背景屬性—重復(fù)
background - repeat：背景圖重復(fù)；
背景重復(fù)：
no-repeat（不重復(fù)）；
repeat-x（在x軸上重復(fù)）；
repeat-y（在y軸上重復(fù)）。
背景屬性—定位
background - position：背景圖定位；
背景定位：x值? y值（兩者都寫，用于定位）；
背景屬性—滾動
background - attachment：背景圖滾動；
背景滾動：
scroll（隨著滾動而滾動）；
fixed（不隨著滾動而滾動）。
復(fù)合屬性background
background : color url( ) repeat position ；
沒有的屬性可以省略不寫。
背景圖合并的原理：
把本網(wǎng)站用的多張背景圖都合并到一張背景圖上，利用CSS中的?background-position?屬性去進行圖片的定位。用來加快瀏覽器的顯示速度。
背景圖合并的優(yōu)勢：
使用背景圖合并技術(shù)，可以達(dá)到減少圖片數(shù)量，從而減少HTTP請求的目的，對網(wǎng)站加速有著舉足輕重的作用。
