HTML CSS样式修改示例 - 段落样式修改 - 常规

<!DOCTYPE html>
<html lang='en'>
<head>
  <meta charset='UTF-8'>
  <meta name='author' content='Xue Huanqun'>
  <title>HTML CSS样式修改示例 - 段落样式修改</title>
  <style type='text/css'>
    p.mix1 {
      font-style: normal;
      font-family: 'Times New Roman',宋体,楷体,Arial;
      font-size: 1cm;
      font-weight: normal;
      font-variant: small-caps;
      color: RGB(10,10,125);
    }
    p.mix2 {
      font-style: italic;
      font-size: 1cm;
      font-weight: bold;
      font-variant: small-caps;
      color: green;
    }
    p.mix3 {
      font-style: oblique;
      font-family: Arial, 'Times New Roman', 宋体;
      font-size: 25px;
      font-weight: normal;
      color: #F90;
      text-decoration: underline;
    }
  </style>
</head>
<body>
  <p class='mix1'>THIS IS A PARAGRAPH IN NORMAL STYLE.</p>
  <p class='mix2'>This is a paragraph in italic style.</p>
  <p class='mix3'>This is a paragraph in oblique style.</p>
</body>
</html>