CSS设置字体粗细、字体风格、装饰线、综合设置字体样式、CSS3新增属性

CSS设置字体粗细

CSS使用font-weight属性设置字体粗细,属性值可以为汉字:bold(加粗)、bolder(更粗)、lighter(更细)、normal(正常);也可以取数字100,200…(100的整倍数),其中400等同于normal,700等同于bold,值越大字体越粗。

CSS设置字体风格

CSS使用font-style属性设置字体风格,如设置斜体、倾斜或正常字体。其属性值有normal(正常)、italic(斜体)、oblique(倾斜)。

CSS设置综合字体样式

font属性用于对字体样式进行综合设置,其基本语法格式如下:

选择器{
    font-style font-variant font-weight fZont-size/lZine-height   font-family;
    }

CSS设置装饰线

CSS使用text-decoration属性来设置装饰线,包括下划线、上划线、删除线等装饰效果属性值有underline(下划线)、line-through(删除线)、overline(上划线)、none(正常)。

补充CSS3新增属性

通过@font-face属性,开发者可以在用户计算机未安装字体时,使用任何喜欢的字体。其基本的语法格式为:

@font-face{ font-family:字体名称; src:字体路径;  }
使用步骤: 1.下载字体存储到服务器的某个字体文件中。 2.使用@font-face定义服务器字体。 3.在元素中使用font-family属性来定义字体样式。

发表评论