一． 长度单位

1．相对类型

A． px （piexl）

像素，根据显示设备的分辨率的多少而代表不同的长度，因此属于相对类型。例如一张高宽为100px的图，在800×600分辨率中比在1024×768分辨率中大。因为两个分辨率中100px代表的长度不同。

B． em

这是设置以目前字符的高度为单位。比如h1{margin:2em},就会以目前字符的两倍高度来显示。em作为尺度单位时是以font-size属性为参考依据的，若是没有font-size属性，就以浏览器默认的字符高度作为参考。

2．绝对类型

绝对指无论显示设备的分辨率是多少，都代表相同的长度。

Ps：可以看到，在CSS使用过程中相对类型长度单位使用较多，而绝对类型较少使用。

二． 颜色定义

在html页面中，颜色统一用RGB的模式显示，也就是通常人们所说的“红绿蓝”三原色模式，每种颜色都由着三种颜色的不同比重组成，每种颜色的比重分为0～255档。当红绿蓝三个分量都设置为255时就是白色，例如rgb(100%,100%,100%)和#FFFFFF都指白色。（FF即为16进制中的255）

在css中文字颜色是通过color属性设置的，示例如下：

h3{color:bule;}

h3{color:#0000ff;}

h3{color:#00f;}

h3{color:rgb(0,0,255);}

h3{color:rgb(0%,0%,100%);}

第1种是用颜色的英文名称作为属性值。

第2种是最常用的6位的十六进制数值表示。

第3种是第2种方式的简写方式。

第4种是分别给出红绿蓝3种颜色分量的十进制数值。

第5种是分别给出红绿蓝3种颜色分量的百分比。

三． 设置文字的字体

在此处我们先准备一个html页面，如果你不方便可以下载我这个4-3.html

然后在其头部增加如下代码：

<style type=”text/css”>

h1{

font-family:黑体;

}

p{

font-family:Arial,”Times New Roman”,;

}

</style>

以上语句声明了html页面中h1字体使用黑体，文本段落同时声明了两种字体，分别是Arial字体和Times New Roman字体。其含义是告诉浏览器在访问者的计算机中寻找Arial字体，如果没有Arial字体，就寻找Times New Roman字体，如果两种字体都没有，则使用浏览器默认的字体显示。

font-family属性可以同时声明多种字体，字体之间用逗号分隔开。另外一些字体的名称中会出先空格，例如“Times New Roman”字体，这时要用双引号将其括起来，是浏览器知道这是一种字体名称，要用英文引号。

Ps:很多设计者喜欢多种多样的字体，但这些字体很多用户不会安装，因此一定要设置多个备选字体，避免浏览器直接替换成默认的字体。最直接的方法是使用了生僻字体的部分，用图形软件制作成效的图片，再加载到页面中。

四．设置字体的倾斜效果

文字的倾斜并不是真的把字体拉斜实现的，倾斜的字体是一个独立的字体，对应于操作系统中的某一个字库文件。

严格来说，在英文中，字体的倾斜有以下两种：

1.italic，即意大利体，我们平常说的倾斜都是指“意大利体”，大家看到各种文字处理软件上倾斜按钮是一个i字母，这就是原因。

2.oblique，即真正的倾斜，这就是把一个字母向右边倾斜一定的角度产生的效果。Windows操作系统下没有实现oblique方式的字体，只是找了一个接近它的字体来示意。

CSS中的font-style属性用来控制字体的倾斜，可以设置为“正常”、“意大利体”、“倾斜”三种样式，示例如下：

font-style:normal;

font-style:italic;

font-style:oblique;

在Windows上不能区分italic和oblique，他们都是按照italic方式进行显示的，这不是浏览器的问题，而是操作系统不够完善。

Ps:对于中文字体来说，并不存在这么多情况。另外，中文字体的倾斜效果并不好看，因此网页上很少使用中文字体的倾斜效果。

五．设置文字加粗效果

在html中使用<b>、或者<strong>将文字设置为粗体，在css中使用font-weight属性控制文字的粗细，可以将文字的粗细进行细致的划分，更重要的是css还可将本来是粗体的文字变成正常粗细。

font-weight属性的设置值

实际上大多数操作系统和浏览器只能设置“正常”和“加粗”两种粗细，示例如下：

font-weight:normal;

font-weight:bold;

ps：在html中<b>和<strong>表现效果是一样的，但是<b>没有语义，<strong>表示“突出”、“加强”含义，大多数搜索引擎都对网页中的strong很重视。但是设计者一方面想引起重视一方面又不想以粗体显示。这时可以对<strong>使用”font-weight:normal”，这样就可以让其回复正常