CSS文本规则

文本规则

        字体大小

                 属性:font-size

                取值:数值px/数值em

                px==像素

                em==相对单位,相对于父元素或者自己标签字体大小的一个倍数

                em除了能应用于字体上面,还能应用于宽度高度上面

        结论:默认的字体大小为:16px; 最小设置成12px;

        字体

                属性:font-family(字体族科)

                 取值:隶书,楷书,宋体,微软雅黑,其他字体等等

         注意:

                浏览器默认的字体:宋体; 但是高版本浏览器为了提高用户的体验度,用眼舒适度,讲默 认的字体改成了微软雅黑

         注意事项

                a)后面跟的中文字体不要带引号

                b)你的字体是有多个英文单词组成的一个字体,需要带引号 例如: "text box" 代表盒子体

                c)也会设置多个字体,多个字体使用逗号分隔

            字体读取,从左向右依次读取,如果第一个浏览器支持的话则使用第一个字体,如果不支持的话则依次向后读取

              如果都不支持的话则使用默认字体

              这种书写形式:安全字体

              例如: font-family:宋体,微软雅黑,隶书,楷体,arial;

        字体加粗

                属性:font-weight

                  取值:

                     a)数值类型

                           100-900 整百的数值

                           100==细体

                            400==正常

                            700==加粗

                            900==更粗(强调性)

                     b)关键词类型   

                          lighter = 细体

                         normal  = 正常字体

                         bold    = 加粗

                         bolder  = 更粗字体

        文本倾斜

               属性:font-style

                取值:

                        italic  = 倾斜

                        oblique = 倾斜(斜体字)强调

                         normal  = 正常字体

        文本对齐

                  属性:text-align

                  取值:

                        left    =左对齐(*)

                        right   =右对其

                        center  =居中对其

                          justify =两端对其(*)

        文本的首行缩进

                属性:text-indent

                    取值:px/em

                    取值可正可负

        文本里面大小写转换

                属性:text-transform

                        none        默认值,没有转换

                        uppercase   全部大写

                        lowercase   全部小写

                        capitalize  首字母大写

        文本修饰线

                属性:text-decaration

                         underline;      下划线

                               类似于:u/ins

                        line-through;   中划线

                                类似于:s/del

                         overline;       上划线

                         none;           取消修饰线

           三个单一属性:

                        /* 1)线条的位置 */

                         text-decoration-line: underline;

                        /* 2)线条的颜色 */

                        text-decoration-color: red;

                        /* 3)线条的样式 */

                        text-decoration-style: wavy;

                        如果想要简写:

                         text-decaration:underline red wavy

        间距

                字符间距(字间距)

                     调整:字符与字符之间的距离(字母,数字,下划线,空格,汉字)

                     属性:letter-spacing

                词间距(单词间距)

                    调整:英文单词与单词之间的距离

                        属性:word-spacing

               行间距

                          行与行之间的距离==行间距

                        属性:line-height:

                     ​​​​​​​    应用于多行文本的时候,调整的是行间距;

                         应用于单行文本的时候,让单行文本垂直居中

        颜色

                color:red/green/blue

        其他属性

                width:宽度

                 height:高度

                 background-color:背景颜色