欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端的学习之路:初级CSS---字体的简写属性

程序员文章站 2022-05-10 11:03:43
...

字体的简写属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体的简写属性</title>
    <!-- <link rel="stylesheet" href="../chujicss/css/11.23.05.css"> -->
    <style>
        div{
            border: 1px red solid;

            /* 
            font 可以设置字体相关的所有属性
                    语法:
                        font:字体大小/行高 字体族
                        行高 可以省略不写,如果不写使用默认值
             */
            /* font-size: 50px;
             font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
            /* font:50px  Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;; */
            
            /* font: normal normal 50px/2 Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; normal是默认值*/

            font-size: 50px;
            /* font-weight 字重,字体的加粗
            可选值:
                normal 默认值 不加粗
                bold 加粗
                100-900 九个级别(没什么用)
                
                font-style 字体的风格
                    normal 正常的
                    italic 斜体             */
            /* font-weight: bold; */
            font-weight: 900;

       

        }
    </style>
</head>
<body>
    <div>今天好冷呀</div>
</body>
</html>

运行结果为:
前端的学习之路:初级CSS---字体的简写属性