文本样式:
1.颜色
2.文本对齐的方式
3.首行缩进
4.行高
5.装饰
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style>
h2{
color: rgba(0,255,255,0.8); /*最后一个参数表示透明度*/
text-align: center; /* text-align: center 文本居中*/
}
.p1{
text-indent: 2em; /*text-indent 属性规定文本块中首行文本的缩进,2em表示缩进两个字的位置*/
}
.p3{
background: #927b46;
height: 60px; /*设置段落的高度和宽度*/ /*行高和块的高度一致就可以上下居中*/
line-height: 60px; /*line-height 属性设置行间的距离(行高) (不允许负值)*/
}
.aa{
text-decoration: underline; /*下划线*/
}
.bb{
text-decoration: overline; /*上划线*/
}
.cc{
text-decoration: line-through; /*中划线*/
}
a{
text-decoration: none; /*a标签去下划线*/
}
</style>
</head>
<body>
<a href=""> 123 </a>
<p class="aa">咕噜咕噜</p>
<p class="bb">咕噜咕噜</p>
<p class="cc">咕噜咕噜</p>
<h2>《克苏鲁的呼唤》</h2>
<p class="p1">
在身为闪米特语教授的叔祖父乔治·甘默尔·安杰尔离奇死去后,主人公弗朗西斯·维兰德·瑟斯顿作为他的继承人接收了遗产。
</p>
<p>
然而在整理其叔祖父的资料中,却发现了一个怪异的雕像与诸多杂乱无章的字条、笔记和简报。出于好奇与对于先人的尊敬,瑟斯顿开始追寻其中的秘密。
</p>
<p>
最终在杂乱无章的简报与安杰尔教授的手稿之下,知晓了一个安杰尔教授死前仍痴迷调查的“克苏鲁异教”,以及他们所信仰的一位自亘古即存在于地球的群星来客——旧日支配者克苏鲁。
</p>
<p>
瑟斯顿痴迷于探求安杰尔教授所说的“克苏鲁异教”上,并偶然从旧报纸了解到曾经在悉尼发现的神秘弃船事件。伴随着种种线索,瑟顿斯拼凑出可怕的真相:克苏鲁的确存在。
</p>
<p class="p3">
他依旧在拉莱耶沉睡与等待着,直到众星归位之时,他将再度醒来统治世界。而瑟顿斯自己,也因为了解到宇宙蕴含的恐怖后将随逝者而去。
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本样式2</title>
<!-- 水平对齐 参照物 a,b -->
<style>
img,span{
vertical-align: middle; /*水平对齐*/
}
</style>
</head>
<body>
<p>
<img src="../../resources/image/1.jpg" alt="">
<span>abcdefghijklmn</span>
</p>
</body>
</html>