css

字体样式

css

字体样式

font-size 

：

字体⼤⼩

font-size

属性⽤于设置字号，该属性的值可以使⽤相对单位长度，也可以使⽤绝对单位长度。

相对长度单位

说明

em

相对当前对象内⽂本的字体尺⼨

px

像素

最常⽤

推荐使⽤

绝对长度单位

说明

in

英⼨

cm

厘⽶

mm

毫⽶

pt

点

font-family

：字体

font-family

属性⽤于设置字体。⽹页中常⽤的字体有宋体、微软雅⿊、⿊体等，例如将⽹页中所有的段落⽂本的字体变⿊，可以使⽤

css

样式

代码：

p {font-family: "

微软雅⿊

";}

1.

现在⽹页中普遍使⽤

14px+

。

2.

尽量使⽤偶数字号的字体

.ie6

等⽼数浏览器⽀持奇数号字体有

bug

3.

各种字体之间必须使⽤英⽂状态下的逗号隔开。

4.

中⽂字体需要加英⽂状态下的符号，英⽂字体⼀般不需要加引号。当需要设置引英⽂字体时，英⽂字体名必须位于中英⽂字体名之间。

5.

如果字体名中包含空格、

#

、

$

等符号时，则该字体必须加英⽂状态下的单引号或双引号，如

`font-family

：

"times new roman"`

6.

尽量使⽤系统默认字体，保证在任何⽤户浏览器中都能正确显⽰

unicode

字体

浏览器

兼容性好，去编码表中查看对⽤字体

font-weight

：粗细

bold

：加粗

normal

：正常

bolder

：特粗体

lighter

：细体

400

：相当于

normal 

正常

700

：相当于

bold 

加粗

font-style

：字体样式

normal

：正常

italic

：斜体

oblique

：倾斜的字体

字体连写

格式：

选择器

 {font

：

font-style font-weight font-size/line-height font-family

；

}

font-size

和

font-family

是必写项

字体的外观属性

color

：⽂本颜⾊

color

属性⽤于定义⽂本的颜⾊，其取值⽅式有

3

中：

预定义颜⾊值：如

red

、

green

、

blue

等

⼗六进制，如

#FF0000

、

FF6600

等

RGB

代码，如红⾊可以⽤

rgb(255,0,0)

line-height:

⾏间距

line-height

属性⽤于设置⾏间距，就是⾏与⾏之间的距离，即字符的垂直间距，⼀般为⾏⾼。常⽤的属性值单位有三种，分别为像素

px

，相