知識點導(dǎo)航：
* 行高和字號
+ 行高
+ 單行文本垂直居中
+ font 屬性
* 超級鏈接
+ 偽類
* background 系列屬性
+ background-color
+ background-image
+ background-repeat
+ background-position
+ background-attachment
+ background 綜合屬性
行高和字號<p>
行高<p>
在 CSS 中丧裁，所有的行都有行高左痢。盒模型的 padding 不是作用在文字上的趟佃，而是作用在 “行”上的
文字是在自己的行里面居中的
為了嚴格保證字在行里面居中，行高、字號一般都是偶數(shù)系草，這樣他們的差就是偶數(shù)，能夠被 2 整除
單行文本垂直居中<p>
文本在行里面居中: 對于單行文本, 讓行高等于盒子高唆涝；多行文本垂直居中找都，設(shè)置盒子的 padding。
font 屬性<p>
font 綜合屬性<p>
font: 14px/24px "宋體"
等價于：
font-size: 14px;
line-height: 24px;
font-family: "宋體";
字體<p>
有些時候設(shè)置的字體系統(tǒng)沒有廊酣，默認會設(shè)置為宋體能耻。遇到這種情況可以設(shè)置備選字體( 英語字體放前面，這樣所有的中文就不能匹配英語字體亡驰，因為英語字體內(nèi)沒有中文字 )
font-family: "Times New Roman", "微軟雅黑", "宋體";
行高使用百分比<p>
行高可以用百分比晓猛，表示字號的百分之多少。一般來說凡辱，都是大于 100%的戒职，因為行高一定要大于字號
font: 12px/200% "宋體"；
等價于：
font: 12px/24px "宋體"透乾；
超級鏈接<p>
偽類<p>
同一個標(biāo)簽根據(jù)用戶的狀態(tài)不同有不同的樣式帕涌，這就是偽類，它用冒號來表示续徽。
a 標(biāo)簽有 4 種偽類：
a:link { //正常狀態(tài)下
color: red;
}
a:visited { //已訪問的狀態(tài)
color: orange;
}
a:hover { //鼠標(biāo)懸停的狀態(tài)
color: green;
}
a:active { //鼠標(biāo)點擊的狀態(tài)
color: black;
}
//必須按照這個順序?qū)戲韭駝t會失效
編寫代碼時，a 標(biāo)簽中描述盒子钦扭；偽類中描述文字的樣式纫版、背景
所有的 a 不繼承 text、font 這些東西客情，因為 a 自己有一個偽類的權(quán)重
background 系列屬性<p>
1. background-color<p>
在 CSS2.1 中其弊，顏色的表示方法共有三種：
1. 單詞 （簡單的顏色）
2. rgb
3. 十六進制 （可以簡化成三位）
2. background-image<p>
用來給盒子加上背景圖片，默認會被鋪滿（padding的區(qū)域有背景圖）
background-image: url(images/wuyifan.jpg) //相對路徑
在 CSS 2.1 中膀斋，背景圖片是不能調(diào)整尺寸大小的
3. background-repeat<p>
用來設(shè)置背景圖是否重復(fù)以及重復(fù)方式梭伐。共有三種值：
background-repeat: no-repeat; //不重復(fù)
background-repeat: repeat-x; //橫向重復(fù)
background-repeat: repeat-y; //縱向重復(fù)
4. background-position<p>
背景定位屬性,類似iOS中的 frame 的 origin 的感覺，可以為負數(shù)仰担，表示相反方向
它還可以用單詞來描述：
background-position: right bottom; //右下角
CSS 精靈
"CSS 精靈"也叫做"CSS 雪碧"技術(shù)（CSS Sprite）糊识，是一種 CSS 圖像合并技術(shù)，該方法是將小圖標(biāo)和背景圖像合并到一張圖片上，然后利用 CSS 的背景定位來顯示需要顯示的圖片部分赂苗，減少了請求愉耙，比如 4 張小圖片，原本需要 4 個請求拌滋，但是用了 CSS 精靈朴沿，小圖片變?yōu)榱艘粡垐D，請求就只有一個了败砂。
5. background-attachment<p>
背景是否固定<p>
background-attachment: fixed;
背景被固定住赌渣，不會被滾動條滾走
6. background 綜合屬性<p>
background 屬性和 border 一樣，是一個綜合屬性
background: red url(1.jpg) no-repeat 100px 100px fixed;
等價于：
background-color: red;
background-image: url(1.jpg);
background-repeat: no-repeat;
background-position: 100px 100px;
background-attachment: fixed;
它是可以任意省略某個部分不寫的：
background: blue url(1.jpg) no-repeat 100px 100px昌犹；
精靈的使用
background: url(1.jpg) no-repeat 0-133px;
