文本修饰
-
text-indent：缩进
-
overflow：超出容器的内容如何处理
-
text-decoration：文本横线的显示处理
-
text-align：水平对齐方式
-
line-height：行高，若设置为容器高度可以实现垂直居中
-
vertical-align：行级标签之间垂直对齐(top、bottom、middle)
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本</title>
<style type="text/css">
p{
width: 500px;
height: 50px;
background-color: #008000;
text-indent: 2em; /*缩进2个空格*/
overflow: auto; /*超出部分变滚动条*/
}
a{
text-decoration:overline ; /* 文本样式*/
}
div{
width: 300px;
height: 200px;
background-color: #8A2BE2;
text-align: center;
line-height: 50px; /*行高*/
}
</style>
</head>
<body>
<p>
弃我去者，昨日之日不可留；
乱我心者，今日之日多烦忧。
长风万里送秋雁，对此可以酣高楼。
蓬莱文章建安骨，中间小谢又清发。
俱怀逸兴壮思飞，欲上青天揽明月。
抽刀断水水更流，举杯销愁愁更愁。
人生在世不称意，明朝散发弄扁舟。
</p>
<a href="https://www.baidu.com/">baidu</a>
<div>水色南天远，舟行若在虚。迁人发佳兴，吾子访闲居。日落看归鸟，潭澄羡跃鱼。圣朝思贾谊，应降紫泥书。 </div>
<section>参考<img src="是.jpg"/>参考</section>
</body>
</html>
