文本样式

  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, 255, 255, 0.9);
            text-align: center;
        }
        .p1{
            text-indent: 2em;
        }
        .p2{
            background: #ff372a;
            height: 300px;
            line-height: 300px;
        }
        /*下划线*/
        .l1{
            text-decoration: underline;
        }
        /*中划线*/
        .l2{
            text-decoration: line-through;
        }
        /*上划线*/
        .l3{
            text-decoration: overline;
         }
        /*超链接去下划线*/
        a{
            text-decoration: none;
        }
        <!--
        水平对齐~参照物,a,b
        -->
         img,span{
             vertical-align: middle;
         }
    </style>
</head>
<body>
<p class="l1">123321</p>
<p class="l2">123321</p>
<p class="l3">123321</p>

<p class="p1">
    这个世界名为元泱境界,脉(本质为振动)是构成万物的基础。每隔333年,会有一个神秘而强大的异常生物重生,它就是魁拔!魁拔的每一次出现,都会给元泱境界带来巨大的灾难!即便是天界的神族,也在劫难逃。在天地两界各种力量的全力打击下,魁拔一次次被消灭,但又总是按333年的周期重新出现。魁拔纪元1664年,天神经过精确测算后,在魁拔苏醒前一刻对其进行毁灭性打击。但谁都没有想到,由于一个差错导致新一代魁拔成功地逃脱了致命一击。很快,天界魁拔司和地界神圣联盟均探测到了魁拔依然生还的迹象。因此,找到魁拔,彻底消灭魁拔,再一次成了各地热血勇士的终极目标。
</p>
<p>
    在偏远的兽国窝窝乡,蛮大人和蛮吉每天为取得象征成功和光荣的妖侠纹耀而刻苦修炼,却把他们生活的村庄搅得鸡犬不宁。村民们绞尽脑汁把他们赶走。一天,消灭魁拔的征兵令突然传到窝窝乡,村长趁机怂恿蛮大人和蛮吉从军参战。然而,在这个一切都凭纹耀说话的世界,仅凭蛮大人现有的一块冒牌纹耀,不要说参军,就连住店的资格都没有。受尽歧视的蛮吉和蛮大人决定,混上那艘即将启程去消灭魁拔的巨型战舰,直接挑战魁拔,用热血换取至高的荣誉。
</p>
<p  class="p2">
    When I wake up in the morning,
    You are all I see;
    When I think about you,
    And how happy you make me
    Youre everything I wanted;
    Youre everything I need;
    I look at you and know;
    That you are all to me
    Barry Fitzpatrick
</p>

<p>
    <img src="images/wsh2.jpg" alt="">
    <span>asdhkasdkja</span>
</p>
</body>
</html>
上一篇:解决TypeError: tf__update_state() got an unexpected keyword argument ‘sample_weight‘


下一篇:postgresql/lightdb字段typemod属性的内部实现及物理表示pg_attribute.atttypmod