<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
.purple{color:purple;}/* 设置有序列表4,13，14,15的颜色 */
.bule{color:#0007F9;}
.red{color:#FF0406;}
.font,b,.red{font-size:30px;}
b{color:#FADD05;font-weight:normal;}/* 设置标签的颜色，不加粗 */
.green{font-size:25px;color:#008A00;}
.one{color:#CDCDCD;}
.indent{text-indent:2em;}/* 设置首行段落为2个字的距离，默认是16px */
.two{list-style:none inside;}/* 剔除类标签two点的样式 */
t ul{padding:0px;margin:0px;}
li{text-indent:10px;line-height:40px;}
.three{background-color:#CCCCCC;width:300px;height:50px;}
.six{line-height:16px;} /* 设置行高为16px */
.margin{text-align:left;margin-left:2em;}/* 设置文本向右对齐,右边距为2个字的的距离
*/
</style>
</head>
<body>
<!-- 建立有序列表 -->
<ol>
<li class="two">.<span>1. 每天告诉自己一次，『我真的很不错</span></li>
<li class="two">.<span>2. 生气是拿别人做错的事来惩罚自己</span></li>
<li class="two">.<span>3. 生活中若没有<b>朋友</b>，就像生活中没有阳光一样</span></li>
<li class="purple three">明天的希望，让我们忘了今天的痛苦 </li>
<li> 生活若剥去了<b>理想</b>梦想、幻想，那生命便只是一堆空架子 </li>
<li class="green">获致幸福的不二法门是珍视你所拥有的、遗忘你所没有的</li>
<li class="red"> 发光并非太阳的专利，你也可以发光</li>
<li class="one"> 获致幸福的不二法门是珍视你所拥有的、遗忘你所没有的 </li>
<li class="one"> 贪婪是最真实的贫穷，满足是最真实的财富</li>
<li class="one"> 你可以用爱得到全世界，你也可以用恨失去全世界</li>
<li > 人的价值，在遭受诱惑的一瞬间被决定</li>
<!-- 类标签选择器，可以多个选择 -->
<li class="blue indent two six">13. 年轻是我们唯一拥有权利去编织梦想的时光</li>
<li class="purple indent two four three six"><strong>14. 青春一经典当即永不再赎</strong></li>
<p class="purple three margin six">15. 青春一经典当即永不再赎</p>
</ol>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
p{
background-color:blue;
width:90px;
height:30px;
}
/* 设置字体多个属于需要按照顺序设置{设置字体样式（斜体），加粗，字号/行高，字体 }背景颜色（推荐使用16进制），边框红颜色 实心线
注意字号和字体不能没有 */
div{
background-color:#007A0B;border:solid red 1px;
font:700 20px "微软雅黑";
}
</style>
</head>
<body>
<p></p>
<div>cellpadding:文本离单元格的</div>
</body>
</html>
