美文网首页
HTML5 CSS格式化排版

HTML5 CSS格式化排版

作者: CoreyJia | 来源:发表于2017-02-28 15:32 被阅读0次

    文字排版

    • 字体
      设置微软雅黑:
    body{font-family:"Microsoft Yahei";}
    

    或者

    body{font-family:"微软雅黑";}
    

    第二种比第一种兼容性会更好,在设置字体时,要使用常用字体,如果用户本地电脑未装你设置的字体,那么会显示默认字体

    • 字号、颜色
    body{font-size:12px;color:#666}
    
    • 粗体
    body{font-weight:bold;}
    
    • 斜体
    body{font-style:italic;}
    
    • 下划线
    body{text-decoration:underline;}
    
    • 删除线
    body{text-decoration:line-through;}
    

    段落排版

    • 缩进
    p{text-indent:2em;}/*缩进两个文字*/
    
    • 行间距(行高)
    p{line-height:1.5em;}/*设置段落行间距为1.5倍*/
    
    • 字间距
    p{letter-spacing:50px;}/*字间距50像素*/
    
    • 对齐
      对块状元素中的文字图片设置对齐
      常用的块状元素:< div>、< p>、< h1>...< h6>、< ol>、< ul>、< dl>、< table>、< address>、< blockquote> 、< form>
    h1{text-align:left;}/*可以设置left,center,right*/
    <h1>沁园春·雪</h1>
    

    相关文章

      网友评论

          本文标题:HTML5 CSS格式化排版

          本文链接:https://www.haomeiwen.com/subject/pkvxgttx.html