前端CSS小知识-新手必备

222 阅读1分钟

CSS常用样式-字体属性

  • 粗细 font-weight
    • 作用:设置文字是否加粗显示
    • 属性值有两种方式:单词类型、数字类型
      • 单词类型:normal 默认值;bold 加粗; bolder 更粗; lighter 更细
      • 数字类型:100-900 之间的整百数字。 数字越大,文字显示越粗
        div{
            /* font-weight: bold; */     
            font-weight: 100;
        }
    
  • 字体风格 font-style
    • 作用:设置文字是否斜体显示
      • normal:默认值正规字体
      • italic: 斜体,主要针对英文【习惯使用】
      • oblique: 文字倾斜,与字体无关
  • 行高 line-height
    • 作用:设置的是一行文字实际占有的高度,文字字号在行高中是垂直居中的。
    • px 或者 百分比
  • 字体综合 font
    • 字体、字号、行高、加粗、斜体都是font综合属性的单一属性。
    • font属性五个单一属性的值可以进行合写,属性值可以有2到多个,值之间用空格进 行分隔。