前端大牛养成之路

CSSday04

2017-02-22  本文已影响0人  兔子和猪

一、字体大小设置

font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位。

其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。

可选参数值:xx-small | x-small | small | medium | large | x-large |xx-large|smaller | larger

一般页面中:12px 14px 12cm 1em

例如:

p { font-size:

32px; }

二、设置字体font-family

使用font-family设置字体时,需要注意以下几点:

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

中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。

如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: "Times New Roman";。

尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

衬线体:字体有一些修饰的东西,让字体变的美观。

非衬线体:没有修饰。

font-famliy:tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;

前面的字体都查找失败后,在系统中找一种sans-serif字体作为默认字体。

注意顺序,如果把sans-serif放前面去,后面的都失效了。

三、设置字体颜色

用color可以设置字体颜色

1、用颜色对应的单词;

2、rgb()三原色;

3、十六进制;

四、总结设置字体

font-size:字体大小;

font-weight:字体粗细;用数字表示.

font-family: 字体;

font-style:设置字体样式,倾斜等。normal,italic,oblique

综合设置字体样式:选择器{font:font-style  font-weight  font-size/line-height  font-family;}

上一篇 下一篇

猜你喜欢

热点阅读