CSS常用文本式样

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css常用文本格式</title>
    <style>
        em{
            font-style: normal;
            /*可以设置文本倾斜与否,事实上,通常都是让原本倾斜的样式修改为不倾斜*/
        }
        span{
            /*font-family: Microsoft Yahei;
            font-size: 44px;
            color: blue;*/
            font: normal 20px/40px "Microsoft Yahei";
            /*当使用font时候,设置属性的时候需要注意顺序.加粗-字体大小/行高-字体.*/
            text-decoration: underline;
            /*decoration(装饰,装饰品)*/
            /*text-decoration: none;  */
            /*不带下划线*/

            /*设置下划线, none为不带下划线,通常可以用来为<a>取消链接下划线.*/
            text-align: center;
            /*text-align 设置的就是文字的排版, 一般只用于text, <a> 和 <p>不能够体现出很适合的效果.*/
            /*a 是整个链接直接占满a标签*/
            /*p占用一整行,无法居中*/
        }
        h1{
            font-weight: normal;
            color: black;
            font-size: 55;

        }

    </style>
</head>
<body>
    

    <div style="font-size:23px; 
    color:purple; 
    line-height: 44px;
    /*行高距离,第二行底部到第一行底部之间的距离就是行高*/
    font-family: Microsoft Yahei;">
    <h1>风紧好扬帆</h1>

          “从前,<span>太平洋</span>将我们分开;如今,太平洋将我们相连。”这是智利亚太事务特使、前总统爱德华多·弗雷经常念叨的一句话。
            <em> May the world and i , better and better </em>
          中国同拉美和加勒比国家虽远隔重洋,但同为发展中国家,处于相近的发展阶段,肩负相似的发展任务,是隔海相望的邻居、志同道合的朋友、共同发展的伙伴。

    </div>
</body>
</html>

 

posted @ 2019-08-13 15:22  Jrri  阅读(242)  评论(0编辑  收藏  举报