CSS的字体和文本属性（2）

一、字体属性

 1.字体大小

        关键字：font-size

例：

body {

                font-size: 16px;

        }

标题标签比较特殊，需要单独指定文字大小。

h2 {

        font-size: 16px;

        } 

2.字体粗细

关键字：font-weight

例子:

p {

        font-weignt: bold

        } 

属性值：

normal        默认值（不加粗）

bold            定义粗细（加粗的）

100-900      400=normal   700=bold   (数字后面不加单位）

实际开发中，提倡使用数字。 

3.文字样式

关键字：font-style

 normal  :  默认值

italic  ：  表示斜体字样式

*实际开发中很少用斜体字，反而需要给斜体字标签（em , i) 改为不倾斜。

4.文字字体

关键字：font-family

例：font-family： 'Microsoft yahei'

进入公司后，会有指定的字体样式。

 <复合属性>

是一种简写方式，节约代码。

font: font-size  font-weight  font-style  font-family

font:  26px       700              italic         'Microsoft yahei'

 **必须要有size和family俩项，没有则不能使用符合属性。

二.文本属性

1.对齐文本

        关键字：text-align

        left(默认）        right        center

例：

div {

        text-aline: center;

        }

2.修饰文本

关键字：text-decoration

                                none        默认，无（最常用）

                                underline  下划线（常用）

                                overline    上划线（几乎不用）

                                line-through  删除线（不常用）

3.缩进文本

        关键字：text-indent

例： text-indent：20px;

        text-indent:2em;

用2em,则是缩进当前元素2个文字大小距离。

注：em是一个相对单位就是当前元素（font-size)的一个文字的大小，如果没有设置大小，则按照父元素的1个文字大小。