简单例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
text-align:控制字体位置
text-indent首行缩进
height设置块高度
line-height行高度 与块高度一样时就达成上下居中-->
<style>
h1{
color: darksalmon;
/*居中*/
text-align: center;
}
.p1{
text-indent: 2em;
}
.p2{
background: brown;
height: 60px;
line-height: 60px;
}
.p4{
text-decoration: underline;
}
.p5{
text-decoration: line-through;
}
.p6{
text-decoration: overline;
}
/*实现图片 文字对齐*/
img,span{
vertical-align: middle;
}
</style>
</head>
<body>
<h1>java</h1>
<p class="p1">
Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程 [1] 。
</p>
<p class="p2">
Java具有简单性、面向对象、分布式、健壮性、安全性、平台独立与可移植性、多线程、动态性等特点 [2] 。Java可以编写桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等
</p>
<p class="p4">下划线</p>
<p class="p5">中划线</p>
<p class="p6">上划线</p>
<p class="p7">
<img src="images/a.jpg" >
<span>hello</span>
</p>
</body>
</html>
效果
原文：https://www.cnblogs.com/OfflineBoy/p/14732688.html