第10章CSS格式化排版

第10章 CSS格式化排版

10.1 文字排版--字体
     body{font-family:"Microsoft Yahei";}或
     body{font-family:"微软雅黑";}
     注意：第一种方法比第二种方法兼容性更好一些。

10.2 文字排版--字号、颜色
     body{font-size:12px;color:#666}

10.3 文字排版--粗体
     p span{font-weight:bold;}

10.4 文字排版--下划线
     p a{text-decoration:underline;}

10.5 文字排版--删除线
     .oldPrice{text-decoration:line-through;}
     <p>原价：<span class="oldPrice"30>300</span>元 现价：230 元</p>

10.6 缩进
     p{text-indent:2em;}
     注意：2em的意思就是文字的2倍大小。

10.7 段落排版--行间距（行高）
     p{line-height:1.5em;}

10.8 段落排版--中文字间距、字母间距
     设置文字间隔或者字母间隔就可以使用letter-spacing 来实现
     设置英文单词之间的间距可以使用 word-spacing 来实现
     h1{
     letter-spacing:50px;
       }
     ...
     <h1>了不起的盖茨比</h1>

10.9 段落排版--对齐(向左、向右、居中)
     div{text-align:center;}
                    left  right
---------------------------------------------------------------------------------