css长度单位及字体

CSS长度单位

px  像素  绝对单位(1px的宽度是固定的)

em     相对单位(真实宽高是不确定的)

1em = font-size的大小

em的真实大小取决于该元素祖先元素中最近一个设置了font-size元素

默认1em = 16px

rem

默认1rem = 16px

rem的真实尺寸取决于html设置的font-size

 

CSS字体

font综合属性

font是一个综合属性

可以拆分成

  font-style

  font-variant

  font-weight

  font-size

  line-height

  font-family

eg:font: italic bold 25px/60px "微软雅黑";

 

font-style:设置字体样式

 属性值:italic  斜体

        normal  正常

 

font-weight:设置字体粗细

    属性值:bold  加粗

          100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

        normal  正常

 

font-size:设置字体尺寸

eg:font-size:25px;

 

font-family:设置字体

eg:font-family:''Microsoft Yahei","宋体";

为什么可以写多个字体?

优先使用第一套字体,如果没有第一套字体的情况,才会启用后面的备用字体。

 

font-variant:设置字体异型

  属性值:small-caps  小型的大写字母

      normal  正常的字体

  只能作用于小写字母

posted @ 2020-02-04 17:12  Crazier_Z  阅读(139)  评论(0编辑  收藏  举报