CSS中的文本属性

css语法：选择器{属性:属性值;属性:属性值;属性:属性值;}

        CSS中的属性：

            一、文本属性

                1、字号大小：

                    font-size:数值+单位（px）

                        浏览器中默认字号大小font- size:16px;

                        浏览器中字号大小小于12px不会有效果，渲染不了12px以下的字号

                2、字体：

                    font-family:字体1,字体2,字体3;

                        浏览器会先找字体1，找到了使用字体1，没找到来查找字体2，依此类推，如果都没找到，使用浏览器默认字体。

                        字体名：

                            如果字体名是中文，需要加引号

                            如果字体名是一个英文单词，不用加引号

                            如果字体名是多个英文单词，需要加引号

                3、字体颜色：

                    color：

                        取值：

                            1、一个表示颜色的英文单词，如：red、green、white、

                            2、rgb(红,绿,蓝)，红绿蓝用数字来表示，取值区间在0-255

                            3、rgba(红,绿,蓝,alpha),红绿蓝用数字来表示，取值区间在0-255

                                a:表示透明度，取值0-1，0表示完全透明，1表示完全不透明

                            4、#开头六位十六进制的数值，取值范围：数字0-9，字母A-F

                                #1A2C9E;      #3C4D6A;

 

4、加粗属性：

                font-weight:

                    取值：

                        1）关键词取值

                            bold-------加粗

                            bolder-----更粗

                            lighter-----字变细

                            normal------正常显示（不加粗、不变细）（默认值）

                        2)数值取值（整百取值）

                            100-900

                            100---------字变细

                            400---------正常显示（不加粗、不变细）

                            700---------加粗

                            900---------更粗

            5、倾斜属性：

                font-style:

                    取值：

                        italic--------倾斜，强调实现斜体字

                        oblique-------倾斜，更注重实现倾斜效果（常用）

                        normal--------正常显示（默认值）

            6、文本修饰线

                text-decoration:

                    取值：

                        underline-------下划线=========u标签

                        line-through------中间的线（删除线）=========s、del标签

                        overline---------文本上面的线

                        none------------取消下划线(主要应用在超链接上面)

            7、文本水平对其方式

                text-align:

                    取值：

                        left-------左对齐（默认值）

                        right------右对齐

                        center-----中间对齐

                        justify----两端对齐(应用在多行文本中，单行文本不生效)

            8、行高：

                line-height:数值+单位

                    1）应用在单行文本中，用来实现文本垂直居中

                        让文本行高等于容器高度

                        特殊情况：单行文本自带行高，想要取消行高带来的行间距需要使用如下方式

                            取值方式：

                                1、数值+单位

                                2、数字：表示当前字号大小的倍数

                                3、百分数：表示当前字号大小的百分比

                    2)应用在多行文本中，用来调节行与行之间的间距

                        量取行高：上一行文本的顶线（底线）到下一行文本的顶线（底线）

            9、首行缩进：

                text-indent:数值+单位（px、em）

                    em是一个相对单位：相对于父元素字号大小进行缩放

                    1em=16px

                    2em=32px

            拓展：

                复合属性：（实际开发中不推荐使用）

                    font:加粗  倾斜  字号大小/行高  字体；

                    想要使用复合属性，必须有字号大小和字体，否则不生效

                10、字符间距：

                    letter-spacing: 数值+单位;

                    数字、字母、中文都是字符