CSS文本样式

文本样式:
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>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值