一、CSS字体类属性和文本属性设置

一、字体类属性

1.字体类型

语法:  font-family:字体;

eg:  body{font-family:"Microsoft Yahei";}

2.字体大小

语法：font-size:数值+单位;

注：a) 浏览器默认字体大小为16px

    b) 字体大小常用单位px,em,rem等

    c) 字体大小建议设置偶数不设置奇数

3.字体加粗

语法：font-weight:normal|bold|bolder|100-900;

eg： h1{font-weight:normal;}   去掉h1自带的加粗效果

4.字体倾斜

语法：font-style:normal|italic|oblique;

eg： em,i{font-style:normal;}   去掉em和i的倾斜效果

5.字体颜色

语法：color:属性值;

注：颜色属性值的设置方法有三种：

a) 十六进制写法

eg:  color:#fff;  白色     color:#000;  黑色

b) rgb写法

eg: color:rgb(255,255,255); 白色   color:rgb(0,0,0);  黑色

c) 颜色值单词

eg: color:white;  白色   color:black;   黑色

扩展：font:12px/1.5  "Microsoft yahei";

font的复合写法：字体大小为12px，行高为字体大小的1.5倍，字体类型为微软雅黑

二、文本类属性

1.文本水平对齐方式

语法：text-align:left|center|right|justify(两端对齐);

注：如果需要图片水平居中，给包含图片的容器添加text-align:center; 

2.首行缩进

语法：text-indent:数值+单位;

注: 正值向后缩进，负值向前缩进

3.文本修饰

语法: text-decoration:none(默认值)|underline(下划线)|overline(上划线)|line-through(删除线);

eg：a{color:black;text-decoration:none;}   a:hover{color:blue;text-decoration:underline;}

注: 默认去掉超链接的下划线，划过时添加下划线

4.行高

语法：line-height:normal(默认值)|数值+单位|数值;

注：a) line-height:2;   行高为字体大小的2倍

    b) 设置行高等于容器高，可以实现单行文本在定高容器中垂直居中

    c) line-height不允许设置负值