其他分享
首页 > 其他分享> > 06.字体的简写属性

06.字体的简写属性

作者:互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            border:1px red solid;

            /*     
                font的行高有个默认值,
                所以如果把行高写在font的上面会被默认值覆盖掉,
                如果要单独写,写在font下面就行了
            */
            /* line-height:2; */

            /* 
                font 可以设置字体相关的所有属性
                    语法:
                        font: 字体大小/行高 字体族;
                        字体族一定要写在最后,字体大小写在倒数第二,
                        ‘/行高’可写可不写,如果不写使用默认值(未知,肯定不是2)
            */
            font:bold italic 50px/2 'Times New Roman', Times, serif;
            /* bold和italic可写可不写,顺序无所谓 */

            /*  font-weight 字体的加粗效果 
                可选值:
                    normal 默认值 不加粗
                    bold 加粗
                    100-900 九个级别
                        (没什么用,因为一般电脑里不会安装9个粗细不同的字体版本,
                          一般100-500无效果,600及以上会有加粗效果)
            
                font-style 字体的风格
                    normal 正常的
                    italic 斜体
                */
            /* font-weight:bold; */
            /* font-weight:600; */

            /* font-style: italic; */

        }
    </style>
</head>
<body>
    <div>今天天气真不错 Hello hello</div>
</body>
</html>

 

标签:简写,06,默认值,字体,italic,font,行高,bold
来源: https://www.cnblogs.com/sherryyuan/p/16418237.html