CSS 基础学习-007 引用多个类为html元素进行css样式设置

由 hrs, 29 三月, 2021

实例代码:

  1 <!doctype html>
  2 
  3 <html>
  4   <head>
  5     <meta charset="utf8">
  6     <style>
  7     div{
  8       width:300px;
  9       height:100px;
 10     }
 11     P.center{
 12       color:red;
 13       text-align:center;
 14 
 15     }
 16     p.large{
 17      font-size:37px;
 18     }
 19     </style>
 20 
 21   </head>
 22   <body>
 23     <div>
 24     <h1 class="center">这个标题不受影响</h1>
 25     <p class="center">本段将是红色并居中对齐。</p>
 26     <p class="center large">本段将是红色，居中对齐，并使用大字体。</p>
 27     </div>
 28 </body>
 29 </html>

运行效果：

css-007.png

 

标签

评论