06.字体的简写属性

2022-06-28 09:01:53 阅读：133 来源： 互联网

<!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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

06.字体的简写属性