HTML+CSS学习笔记 (五)

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{text-decoration:underline;} decoration有修饰，装饰的意思

删除线：

例如： .oldPrice{text-decoration:line-through;}

段落排版

缩进：

例如：p{text-indent:2em;} 

注意：2em的意思就是文字的2倍大小。

行间距(行高)：

例如：p{line-height:1.5em;}

中文字间距、字母间距：

中文字间隔、字母间隔设置
例如：
h1{
    letter-spacing:50px;
}
注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。

单词间距设置
例如：
h1{
    word-spacing:50px;
}

对齐：

为块状元素中的文本、图片设置居中样式
例如：
h1{
 text-align:center;
 }