CSS格式化排版

本文根据在慕课网的学习笔记整理。

文字排版--字体

body{font-family:"Microsoft Yahei";}
body{font-family:"微软雅黑";}//兼容性更好

文字排版--字号、颜色

body{font-size:12px;color:#666}

 文字排版--粗体

p span{font-weight:bold;}

 文字排版--斜体

p a{font-style:italic;}
<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

 文字排版--下划线

p a{text-decoration:underline;}
<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

 文字排版--删除线

 .oldPrice{text-decoration:line-through;}

 段落排版--缩进

p{text-indent:2em;}//注意：2em的意思就是文字的2倍大小。
<p>1922年的春天，一个想要成名名叫尼克卡拉威（托比?马奎尔Tobey Maguire 饰）的作家，
离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。
为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>

 段落排版--行间距（行高）

p{line-height:1.5em;}//间距为 0.5em
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。
他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，
其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>

 段落排版--字间距、字母间距

h1{
    letter-spacing:50px;//文字间隔或者字母间隔
}
<h1>了不起的盖茨比</h1>

h2{
    word-spacing:50px;//英文单词之间的间距
}
<h2>welcome to imooc!</h2>

 段落排版--对齐

为块状元素中的文本、图片设置居左、居中、居右样式。

h1{
    text-align:center;
}
<h1>了不起的盖茨比</h1>