第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

---------------------------------------------------------------------------------