文本样式

文本样式

1、颜色 color rgb rgba

2、文本对齐的方式 text-align: center

3、首行缩进 text-indent: 2em

4、行高 line-height 单行文字上下居中 line-height = height

5、装饰 text-decoration

6、文本图片水平对齐 vertical-align: middle;

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <!--
      颜色：
          单词
          RGB 0~F
          RGBA A:0~1 透明度

     text-align:排版，居中
     text-indent: 2em;段落首行缩进
     height: 300px;
     line-height: 300px;
     行高，和块的高度一致，就可以上下居中
  -->
  <style>
    h1{
      color:rgba(0,121,155,0.9);
      text-align: center;
    }
    .p1{
      text-indent: 2em;
    }
    .p3{
      color:#FFB6C1FF;
      height: 300px;
      line-height: 300px;
    }
    /*下划线*/
    .a1{
      text-decoration: underline;
    }
    /*中划线*/
    .a2{
      text-decoration: line-through;
    }
    /*上划线*/
    .a3{
      text-decoration: overline;
    }
    /*超链接去下划线*/
    a{
      text-decoration: none;
    }
    /*<!--*/
    /*水平对齐~参照物，a，b*/
    /*-->*/
    img,span{
      vertical-align: middle;
    }
  </style>
</head>
<body>

<p>
  <img src="images/1.png" alt="">
  <span>asudaidioaisdaiop</span>
</p>

<a href="">123</a>
<p class="a1">123456</p>
<p class="a2">123456</p>
<p class="a3">123456</p>

<h1>故事介绍</h1>

<p class="p1">
  元泱境界是一个由天界和地界构成的世界，魁拔每隔333年的周期性复活将对天地两界造成灾难性危害。魁拔复活之年，各国都处在紧张恐怖之中。
</p>
<p>
  在龙国，按照传统，魁拔复活之年至魁拔被消灭之日的全国军权应由王族移交给卡拉肖克家族执掌，这对卡拉肖克家族来说是复兴的机会，而对王族和另外三大家族而言却意味着退出统治舞台，于是，一系列你死我活的家族争斗就此展开。 生活在神圣兽国游尾郡窝窝乡的独行族妖侠蛮小满和他的养子蛮吉在第六代魁拔出现时，凭着一腔热血想与各族豪侠一同出征歼灭魁拔，但在最后蛮吉发现自己才是大家要杀死的“魁拔”……
</p>
<p class="p3">
  If you were a teardrop In my eye,For fear of losing you,I would never cry.And if the golden sun，Should cease to shine its light,Just one smile from you,Would make my whole world bright 　　
</p>
</body>
</html>

 

posted @ 2022-03-08 23:28  少时凌云志  阅读(93)  评论(0)    收藏  举报