【04】css 常用文字属性详解-优快云博客

本文链接：https://blog.youkuaiyun.com/hejuan___/article/details/144794834

css 常用文字属性：

文字颜色：color（rgba，“a：0是完全透明，1是不透明”），

文字大小：font-size（单位为px），

文字粗细：font-weight（bold加粗，lighter变细，100-900(其中400等同于默认，700等同于bold)），

字体样式：font-style（normal默认,italic斜体），

文字字体：font-famliy（可直接写中文字体，例子：黑体、宋体，默认是”微软雅黑“）。

<运行结果>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- css引入方式中的内部引用 -->
    <style>
      p {
        color: red;
        font-size: 20px;
        font-weight: bold;
        font-style: italic;
        font-family: 黑体;
      }
      .test01 {
        /* color的三种表示方式 */
        color: green;
        color: rgb(43, 175, 219);
        color: rgba(184, 98, 27, 0.5);
        /* rgba，“a：0是完全透明，1是不透明” */
      }
    </style>
  </head>
  <body>
    <p>这是段落1</p>
    <p class="test01">这是段落2</p>
  </body>
</html>