文本属性

 

    1：font-size:

        a：文本默认大小：为了减少系统之间的差异，确定16px为标准文字大小

        b：文本大小尽量设置成偶数

        c：PC端文字大小尽量别低于12px

        d：PS中汉字的文本大小，量取文本的高度即可（同等字号的英文和数字比汉字显示的要小）

        e：单位：px     pt（磅）    em      rem

                9pt == 12px

                em 相对大小单位（根据父元素制定 如：父元素font-size:20px,子元素 1em == 20px ）

                em默认    1em == 16px

                rem 相对大小单位（根据html的font-size值）

        f：关键字

            xx-small = 9px

            x-small = 11px

            small = 13px

            medium = 16px

            large = 19px

            x-large = 23px

            xx-large = 27px

        g：文字的 顶线、基线、中线、底线

 

    2：color

        控制文本颜色

        颜色值：

            a：16进制表示颜色值

                0 - 9  a - f

                表示颜色值：

                    #3个或者6个16进制字符

                    #ff0000     ->  简写#f00

                    0 最暗的颜色    f最亮的颜色

 

            b：rgb（）模式

                rgba(255,0,0,0.5) a透明度   0.5表示颜色半透明

 

            c：HSL（）饱和度

                HSLA()  a代表透明度

                色相、饱和度、亮度

 

    3：font-family:

        设置字体

            默认的字体："微软雅黑"

            WEB安全字体：设备或者操作系统能识别的字体

            设置方法：

                汉字字体放在引号里面

                多个英文单词的字体放在引号里面

                如果一个英文单词的字体，不需要添加引号。

                如果font-family:;设置多个字体的时候，字体与字体之间用逗号隔开

                如果出现中文字体和英文字体，先写英文字体，再写中文字体

 

    4：font-weight:;

        文本的加粗

            属性值：

                bold    加粗显示

                bolder  更粗的

                normal  不让加粗  <b></b>    <strong></strong>

                100 - 900   9个等级

 

    5：font-style:;

        文本的倾斜

            属性值：

                italic

                oblique

                normal  不让倾斜  <i></i>    <em></em>

 

    6：line-height:;

        文本的行高：

            a：line-height：40px;   让文本在40px    上下居中

            b：ps中量取行高：从第一行的开始量到第二行的开始

            c：让单行文本在容器里面上下对齐

                1：如果line-height等于容器高度，文本居中

                2：如果line-height大于容器高度，文本向下

                3：如果line-height小于容器高度，文本向上

            d：如果单行文本撑开容器高度，文本上下会产生误差（基线、中线、顶线、底线）容器不设置高，清除单行文字撑开的误差，line-height设置成文字大小

 

    7：文本大小、文本行高、字体类型简写

        font：12px/20px "字体";

 

    8：控制文本的水平对齐方式：

        text-align：

            left    

            center  

            right

            justify  两端对齐

 

    9：文本修饰（控制下划线）

        text-decoration:

            属性值：

                none    清除下划线

                underline   添加下划线

                overline    添加上划线

                line-through    添加删除线

 

    10：首行缩进：

        text-indent:2em; 

        可以接收负值（悬挂式缩进）

 

    11：字间距、词间距

        letter-spacing: ;

        word-spacing: ;