CSS Fonts字体

目录

  font-family

  font-size

  font-weight

  font-style

  字体复合属性

font-family

CSS使用font-family属性定义文本的字体系列。

列如:

body {
    font-family: "Microsoft YaHei", Arial;
}

注意:

  1. 各种字体必须使用英文下的逗号隔开

  2. 一般情况下有空格可开的字体,要加引号

font-size

CSS使用font-size属性指定字体的大小。

列如:

body {
    font-size:20px;
}

注意:

  1. 标题标签需要指定文字的大小

  2. Chrome浏览器默认的字体大小为16px

font-weight

CSS使用font-weight属性设置字体的粗细。

列如:

body {
    font-weight: normal;
}  

font-weight的属性:

  normal:正常

  bold: 加粗

  bolder:更粗

  number:400等同于normal,700相等于bold,后面不跟单位

注意:

  更加重要最好使用<strong>标签,一般开发中使用数字表示粗细

font-style

SS使用font-style属性设置字体的斜体。

列如:

em {
    font-style: normal;
}

属性:

  italic:倾斜

  normal:使倾斜的字体正常

字体复合属性

  例如:

body {
    /* font: font-style font-weigh font-size/line-height font-family; */
    font: inalic 700 20px "Microsoft YaHei";
}

注意:

  1. 顺序不能改变 swsf。

  2. 不需要的属性可以省略,但是font-size、font-family必须写。

posted @ 2022-02-09 11:21  zhuang6  阅读(79)  评论(0编辑  收藏  举报