CSS學習2——文字以及圖像

1. font-family，可以設置多個字體；

2. font-size，設置字體大小；px是相對單位，也就是相對於1個像素的比例，根據不同顯示器的分辨率而定；em、ex根據父元素的大小而同比例變化；in(英寸), cm, mm, pt(point，印刷的點數，一般1pt=1/72inch), pc(pica, 1pc=12pt)，絕對長度，不會隨瀏覽器的不同而改變；另外還可以設置爲百分比；

3. line-height，行高，可以設置爲值，也可以設置爲相對大小，例如

父元素

line-height=12px;

子元素

line-height=18px;
line-height=1.5;

上述兩者的行高是相同的，然而也有區別，例如我們將首字母大小設置爲字體的3倍，並且float=left，那麼前者對於首字母來說，行高也是12px，此時會顯示出首字母突出的效果；然而對於後者，其含義是行高爲字體的1.5倍，那麼對於首字母來說，行高就是其字體的三倍，此時首字母的行高比正文的行高要高一些，那麼首字母呈現下沉的樣式；

4. 顏色表示方法中#abc是對#aabbcc的縮寫；

5. 字體的傾斜一般並不是將字體按照角度拉伸，而是有特定的傾斜字體來代替原來的字體，一般使用的是italic；另外，oblique是真正的字體傾斜，然而在windows中，依然是按照italic的方式來設置的；

6. 圖像位置：background-position，left, right, top, bottom, center；

7. 注意：<div>以及<img>之間不要有空格或者換行，否則瀏覽器會爲空格字符設置空白空間；

8. 圖片陰影的設置原理：在圖片下面放置一個陰影圖像，然後給圖片設置margin，露出陰影部分；滑動門技術：背景陰影圖像，然後背景部分透明圖像蓋住背景陰影圖像，透明的部分露出了陰影部分，最上面放置所需圖片，從而產生陰影效果；爲了實現邊緣的柔和，前面所述的部分透明背景圖像需要在不透明部分邊緣設置羽化邊界。