CSS里面的font:12px/15px;是什么意思? 和 font:12px/1.5;有什么区别?

时间:2024-04-08 10:31:52
  • font:12px/15px;是什么意思?

/前面12px是定义字体大小,后面15px是定义行高,行高属性在字体属性后面用/分隔。/
以上相当于:
font-size:12px;
line-height:15px;

  • font:12px/1.5; 和 font:12px/15px;有区别吗?

1.5是行高(line-height),这里的单位是em,不是px了。1.5表示是12px的1.5倍,即font: 12px;line-height: 1.5。也可以理解font-size:12px;line-height:1.5em,即字符高度的1.5倍。

案例:

  1. 情况①:
    /统一页面中的字体/
    body{
    font:12px 宋体;
    }
    CSS里面的font:12px/15px;是什么意思? 和 font:12px/1.5;有什么区别?
    2.情况②:
    /统一页面中的字体/
    body{
    font:12px/1.5 宋体;
    }
    CSS里面的font:12px/15px;是什么意思? 和 font:12px/1.5;有什么区别?
    3.情况③:
    /统一页面中的字体/
    body{
    font:12px/15px 宋体;
    }
    CSS里面的font:12px/15px;是什么意思? 和 font:12px/1.5;有什么区别?