CSS3学习笔记-字体属性

发布时间 2023-11-12 10:22:17作者: 乌清远wqy

在CSS3中,可以使用字体属性来控制网页中文本的样式和排版。以下是常用的字体属性:

  1. font-family 该属性用于指定网页中的文本所使用的字体。我们可以通过使用通用的字体名称,或者直接使用字体名称,在多个字 体之间进行设置。例如:
    ```css
    body {
    font-family: Arial, Helvetica, sans-serif;
    }

    
    
  2. font-size 该属性用于指定文本的大小,可以使用像素值、em 或 rem,也可以使用百分比表示。例如:

    body {
        font-size: 16px;
    }
    
  3. font-weight 该属性用于指定文本的粗细程度。可以使用数字值或关键字,例如 boldbolderlighter,也可以使用 100 到 900 之间的数字值来表示。

    例如:

    h1 {
         font-weight: bold;
    }
    p {
         font-weight: 400;
    }
    
  4. font-style 该属性用于指定文本是否倾斜,可以使用关键字 italicoblique 实现。

    例如:

    em {
         font-style: italic;
    }
    i {
         font-style: oblique;
    }
    
  5. font-variant 该属性用于指定文本是否小型化,可以使用 small-caps 实现。

    例如:

    p {
         font-variant: small-caps;
    }
    

以上是常用的 CSS3 字体属性。使用这些属性我们可以更加精确地控制文本的样式,使页面效果更加优秀。