一、行高 （line-height）

1.行高不作用于文字上，作用于行上。

2.行高、字號，一般都是偶數(shù)。（方便文字在盒子中居中）

3.行高=盒子高時 文字能夠居中。

5.多行文字居中時，不能只設置行高，要根據(jù)計算加入padding。

6.font屬性：

1) 使用font屬性，能夠將字號、行高、字體一起設置。

font: 14px/24px“宋體”;

等價于三行語句：

font-size:14px; ?line-height:24px; ?font-family:"宋體";

2) 可以有無數(shù)個備選字體，用逗號隔開，我們要將英語字體，放在最前面，這樣所有的中文，就不能匹配英語字體，就自動的變?yōu)楹竺娴闹形淖煮w。

3)行高可以用百分比，表示字號的百分之多少。一般來說，都是大于100%的，因為行高一定要大于字號。

font:12px/200%“宋體”

等價于

font:12px/24px“宋體”;

二、超級鏈接的美化

1.偽類：<a>即偽類

?:link表示，用戶沒有點擊過這個鏈接的樣式。是英語“鏈接”的意思。

:visited表示，用戶訪問過了這個鏈接的樣式。是英語“訪問過的”的意思。

:hover表示，用戶鼠標懸停的時候鏈接的樣式。是英語“懸?！钡囊馑?。

:active表示，用戶用鼠標點擊這個鏈接，但是不松手，此刻的樣式。是英語“激活”的意思。

一定要按順序寫，小技巧：lovehate。

2.美化

a標簽中，描述盒子； 偽類中描述文字的樣式、背景。

最標準的，就是把link、visited、hover都要寫。但是前端開發(fā)工程師在大量的實踐中，發(fā)現(xiàn)不寫link、visited瀏覽器也挺兼容。所以這些“老油條”們，就把a標簽簡化了：

a:link、a:visited都是可以省略的，簡寫在a標簽里面。也就是說，a標簽涵蓋了link、visited的狀態(tài)。

3,.background?

1) background-color?

用英語單詞來表示 簡單顏色

用rgb方法來表示 ?紅”red、“綠”green、“藍”blue。用逗號隔開，r、g、b的值，每個值的取值范圍0~255，一共256個值。

十六進制表示法：十六進制中，13表示1個16和3個1。 那就是19。這就是位權的概念。

十六進制可以簡化為3位，所有#aabbcc的形式，能夠簡化為#abc;

要記住：

#000黑 ?#fff白 ?#f00紅 ?#333灰 ?#222深灰?? ?#ccc淺灰

4.background-image

格式：background-image:url(images/wuyifan.jpg);

自動會平鋪滿，padding內也有圖片。?

5.background-repeat

background-repeat:no-repeat;不重復

background-repeat:repeat-x;橫向重復

background-repeat:repeat-y;縱向重復

6.background-position

背景定位屬性。

background-position:向右移動量 向下移動量; 圖片在盒子中的移動量，可以是負數(shù)。

7.css精靈：css的背景定位來顯示需要顯示的圖片部分。

8.用單詞描述位置：

background-position:描述左右的詞兒? 描述上下的詞兒;

描述左右的詞兒：left、center、right

描述上下的詞兒：top、center、bottom

9.background-attachment

background-attachment:fixed; ?背景會被固定住，不會被滾動條滾走。

10.綜合屬性

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;

第一次做博雅互動；

源代碼如下

?