CSS 基础学习-099 css 使用font 简写属性样式

hrs 提交于 2021/10/13 - 14:43 , 周三

font 属性是以下属性的简写属性:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

 

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      p.a{
        font:23px Arial,sans-serif;
      }   
      p.b{
        font:italic small-caps bold 23px/30px Georgia,serif;
      }   
    </style>
  </head>
  <body>
    <h1>font 简写属性实例</h1>
    <p class="a">这个字段使用两个font简写属性样式</p>
  <p class="b">这个字段使用五个font简写属性样式</p>
  </body>
</html>
~         

运行效果:

css-099.png

标签