CSS简单样式练习（五）

运行效果：
源代码：
 1 <!DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>春天</title>
 6     <style type="text/css">
 7         
 8         *{
 9             margin: 0;
10             padding: 0;
11             border: none;
12         }
13 
14         body{
15             font-family: "宋体";
16             font-size: 12px;
17         }
18 
19         .title{
20             font-size: 16px;
21             font-weight: bolder;
22             text-decoration: overline;
23         }
24 
25         .container{
26             margin: 20px 20px;
27             height: 300px;
28         }
29 
30         .text-content{
31             margin-top: 20px;
32         }
33 
34         .green{
35             color: limegreen;
36         }
37 
38         .red{
39             color: red;
40         }
41 
42         .text-center{
43             text-align: center;
44         }
45     </style>
46 </head>
47 <body>
48     <div class="container">
49         <p class="red text-center title">春天</p>
50         <p class="green text-content">&nbsp;&nbsp;在<font class="red">春季</font>，地球的北半球开始倾向太阳，
51             受到越来越多的太阳光直射，因而气温开始升高。随着冰雪消融，河流水位上涨。<font class="red">春季</font>植物
52             开始发芽生长，许多鲜花开放。冬眠的动物苏醒，许多以卵过冬的动物孵化，鸟类开始迁徙，
53             离开越冬地向繁殖地进发。许多动物在这段时间里发情，因此中国也将<font class="red">春季</font>称为“万物复苏”
54             的季节。<font class="red">春季</font>气温和生物界的变化对人的心理和生理也有影响。</p>
55     </div>
56 </body>
57 </html>