CSS样式进阶之文字的排版

1. 文字排版

为文字设置字体

body{font-family:"宋体";}

设置字号，颜色

body{color:red;font-size:12px}

设置粗体

p{font-weight:bold;}

斜体

p{font-style:italic;}

下划线

p{text-decoration:underline;}

删除线

p{text-decoration:line-through;}

段落缩进

p{text-indent:2em;}/*缩进单位为文字的两倍大小。*/

设置行间距

p{line-height:1.5em}/*设置段落行间距为1.5倍

设置文字间距，字母间距

p{letter-spacing:50px}
p{word-spacing:30px}

为块状元素的文本对齐

p{
  text-align:right;/*右对齐 还可以设置成 left center*/
}