CSS font 复合属性写法

title: CSS font 复合属性写法

1. font 复合属性写法

在这里插入图片描述

1.1 示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        div {
            /*
            font-size: 16px;
            font-weight: 700;
            font-style: italic;
            font-family: '微软雅黑';
            可以使用复合属性进行一次性的设置
            */
            /*font: font-style font-weight font-size/line-height font-family;*/
            
            /*必须严格按照下面的格式，顺序不饿改变*/
            
            /*font: italic 700  16px 'Microsoft yahei';/*

            /*其他的可以不写 但是 20px 字体类型必须写*/
            font: 20px 'Microsoft yahei';
        
        }


    </style>

</head>
<body>
    <div>I love you three thousand times</div>
</body>
</html>

1.2 运行结果

在这里插入图片描述

2. 字体属性的总结

在这里插入图片描述

posted @   YIMENG-0  阅读(210)  评论(0)  编辑  收藏  举报
相关博文：
· CSS 文本属性 颜色 对齐 装饰 缩进 行间距
· CSS 复合选择器 （后代 子 并集 伪类）
· CSS_常用字体属性
· CSS—字体属性
· CSS字体、文本、背景样式
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！
点击右上角即可分享
微信分享提示