CSS格式化排版 文字+段落

时间:2022-01-06 18:56:01
文字排版-
字体
    body{font-family:"宋体";}
    body{font-family:"Microsoft Yahei";}
       注意不要设置不长用的字体,因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。

颜色+字号
    body{font-size:12px;
         color:#666(灰色);
        }
粗细
    body{
    font-weight:bold;
}
    400 相当于 normal  normal --默认值  bolder--更粗
    700 相当于 bold    bold   --粗体    lighter-更细

斜体
    body{
        font-style:italic;
    }

下划线+删除线
    body{
        text-decoration:underline;
        text-decoration:line-through;
    }

段落排版
缩进:段前面空两个文字的空白
    p{
      text-indent:2em;  //2em的意思是文字的2倍大小
    }
    
行间距(行高)
    p{line-height:2em;}

中文字间距+字母间距
    p{letter-spacing:20px;}

单词之间间距
    p{word-spacing:50px;}

对齐
    div{text-align:center;}  //居中对齐
    div{text-align:left;}    //左对齐
    div{text-align:right;}   //右对齐
    div{text-align:justify;} //对行进行伸展,这样每行都有相同的元素