<!DOCTYPE html>
<html>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>CSS基础</title>
<head>
<style type="text/css">
div{text-align: center;}
#css1{
font-family: 微软雅黑;
font-size: 15px;
font-weight: bold;
color: blue;
text-align:right;
line-height: 3px;
}
#css2{
text-decoration:underline;
font-weight: bolder;
line-height: 3px;
}
#css3{
text-transform: uppercase;
text-align: center;
line-height: 3px;
}
</style>
</head>
<body>
<p id="css1">有规划的人生叫蓝图,没规划的人生叫拼图</p>
<div>
很多人都喜欢用战术上的勤奋来掩盖战略上的懒惰,事实上这样的<span id="css2">低水平的勤奋</span>远比懒惰更可怕
</div>
<p id="css3">Remember:no pain no gain!</p>
</body>