2022.09.20

今天又是自学html的一天！兄弟们都给我学起来！

css字体

        1、font-family

            作用：设置文本的字体系列        

            语法：font-family：字体名称;

            取值：一个字体名称 使用多个字体

                    微软雅黑  Microsoft YaHei

            多个字体： 逗号隔开

                    如果浏览器不支持第一个字体，则会尝试下一个字体进行设置（回退机制）

            注意：如果字体的名称包含空格、汉字、特殊符号。必须加引号；

        2、font-size

            作用：设置字体的大小

            语法：font-size：值;

                取值：

                    长度值（px）

                    百分比（相对于父元素）

                    em相对单位

                        如果用于字号，相对于父元素字号进行计算，如果用于其它属性，相对于当前元素的字号进行计算

            浏览器字体大小的默认值是16px；

        3、font-style

            作用：设置字体的风格

            语法：font-style：属性值;

            取值：

                normal 默认值 正常显示不倾斜

                italic 斜体显示

        4、font-weight

            作用：设置字体的粗细

            语法：font-weight：值;

                取值；

                    normal 默认值· 正常粗细

                    bold  加粗

                    100-900九级字重，400 相当于normal；700相当于bold；

                    注意：并不是所有的字体都具备九级字重

        5、line-height

            作用：设置行高（效果是产生文本行间距）

            语法：line-height：值;

            测量方法： 文字高+行间距

            特性:实现单行文本的垂直居中： 行高 =盒子高度

            取值：

                px

                number设置数字; 数值与当前的字号相乘来设置行间距  number*font-size = 行高

                百分比：相对于字体大小计算

        简写：

            语法： font：字体风格 字体粗细 字号/行高 字体系列;

            注意：只有字号和字体系列同时存在时简写才会生效。

        7.

选择器

            类选择器  class

            id选择器

            标签选择器

            通配符选择器

                0            1          10         100

            通配符选择器 < 标签选择器 < 类选择器 < id选择器

            范围越精确，权重越高

        8.     外边距：

                语法：margin：值;

                margin-top: 100px;上外边距

                margin-bottom: 50px;下外边距

                margin-left: 50px;左外边距

                margin-right: 50px 右外边距

好啦，今天的分享就到这里啦，各位要加强练习记忆 。咱们明日再会！！！