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. 注意：

以及之间不要有空格或者换行，否则浏览器会为空格字符设置空白空间；

8. 图片阴影的设置原理：在图片下面放置一个阴影图像，然后给图片设置margin，露出阴影部分；滑动门技术：背景阴影图像，然后背景部分透明图像盖住背景阴影图像，透明的部分露出了阴影部分，最上面放置所需图片，从而产生阴影效果；为了实现边缘的柔和，前面所述的部分透明背景图像需要在不透明部分边缘设置羽化边界。