CSS格式化文字排版

对文字排版都有哪些操作？常用word的人肯定能够随口道来：字体、字号、颜色、缩进、对齐、行高、下划线等等。没错，这些都是在文字排版中比较常用的项。同样也用于网页页面的文字排版中。

字体

为网页中的文字设置字体，要注意选用常用的字体，最好是系统中默认安装的字体，这样可以有最好的兼容性。

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

上面的两种写法都可以使用，但是第一种写法的兼容性强于第二种写法。

字号

字号表示文字在页面上显示的大小。

body{font-size:20px;}

字体颜色

字体颜色表示文字在页面显示时的色彩。

body{color:red;}

设置字体颜色时，直接使用”color”，默认应用于选择器中的所有文本内容。

缩进

正常的段落都遵循段首缩进2个字符的格式，这是日常生活中的语义化，在页面显示中同样应该遵循语义化的表现形式。

body{text-indent:2em;}

在这里，缩进的单位用的是”em”而不是”px”，在使用“px”时都是指定一个固定值，而”em”并不是一个固定的值，它参照选择器（或父选择器）中指定的字号来作为单位。例如当字号font-size设置为10px，则此时1em=10px，当字号font-size设置为20px，则此时1em=20px。若没有具体指定字号，则会使用浏览器的默认设置字号作为单位。

行间距

行间距又称为行高，是在大段文字中的每行之间的间隔距离，使用的单位也是em。

body{line-height:2em;}

字间距

字间距用来表示每个文字之间的距离，em与px都可以使用。

body{letter-spacing:10px;}

用这个来进行排版的话，中文是没有问题的，但是英文则会以字母而非单词的形式进行处理。要让英文以单词的形式来进行处理，应该使用word-spacing。

body{word-spacing:10px;}

对齐

文字的对齐方式在排版中经常能用到，例如左对齐、右对齐、居中对齐等，在CSS中同样可以实现这些对齐方式。

body{text-align:left/right/center;}

粗体、斜体

web中斜体用来表示强调，粗体用来表示加重强调，在语气方面来讲，粗体语气强度>斜体语气强度。

body{font-weight:bold;}
body{font-style:italic;}

设置粗体与斜体时的键名是不同的，font-weight设置粗体，font-style设置斜体，需要注意。

下划线

下划线通常用于标示出一段文字，提醒人们需要注意，也有着重强调出此处的意思。

p{text-decoration:underline;}

web开发中表示强调通常使用加粗的方式。

删除线

在逛购物网站的时候，经常会看到这种表现形式：删除线。将原来的价格划掉，使用一个新的价格，用来表示商品降价。

p{text-decoration:line-throught;}