第10章CSS格式化排版

来源：互联网发布：无法无天吾知txt 编辑：程序博客网时间：2024/06/05 16:45

第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
---------------------------------------------------------------------------------

0 0