字体属性(第5天)

    <style>
        
        /* 
        一、字体类型---font-family
        1、微软雅黑,对于多个单词组成的一个字体，最好用''或""进行包含
        2、对于多个字体，会按顺序执行，当第一个字体不存在时，会读取第二个字体，若全无，一般用浏览器默认字体
        3、对于字体修改，一般使用body标签
        */
        body {
     
     
            font-family: 'Microsoft YaHei'
        }
        p {
     
     
            font-family: '微软雅黑','Arial';
        }


        /* 
        二、字体大小--font-size
        1、px（像素）大小是网页常用的大小 
        2、谷歌浏览器默认文字大小16px
        3、一般对body标签使用，但注意标题标签特殊，需要单独指定文字大小
        */
        p {
     
     
            font-size: 16px;
        }
        

        /*
        三、字体粗细--font-属性
        1、bold==700加粗
        2、直接数字数字，但不加px（100-900），越大越粗
        3、normal==400正常粗细
        */
        .bold {
     
     
            font-weight: bold;
        }
        h2 {
     
     
            /* font-weight: normal; */
            font-weight: 400;
            /*两个等价*/
        }
        

        /*
        四、字体样式--fong-style
        1、正常体 normal
        2、斜体 italic
        */
        .italic {
     
     
            font-style: italic;
        }
        .normal {
     
     
            font-style: normal;
        }
        

        /*
        五、复合属性
        1、正常
        2、复合属性：节约代码
          2.1、严格按照顺序书写
          2.2、不需要的属性可以不写，但必须保留size、family，否则font属性不起作用
        */      
        div {
     
     
            /* 正常的 
            font-style: italic;
            font-size: 16px;
            font-weight: 700;
            font-family: 宋体;*/
            /* 复合属性，严格要求 */
            /* font: 样式 粗细、大小/行高、类型 */
            /* font: font-style font-weight font-size/line-height font-family; */
            font: italic 700 16px/20px 宋体;
        }

    </style>