CSS-13：CSS字体属性之复合属性

最新推荐文章于 2024-04-18 22:15:38 发布

臧小川

最新推荐文章于 2024-04-18 22:15:38 发布

阅读量219

点赞数

分类专栏： cssStudy 文章标签： css 前端 css3

臧小川

本文链接：https://blog.csdn.net/chuan0106/article/details/125603014

版权

cssStudy 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS字体属性之复合属性</title>
    <style>
        /* 想要 div 文字变倾斜 加粗 字号设置 30 像素 并且是微软雅黑 */
        /* italic样式 700是粗细 30px是字号 微软雅黑是字体 */
        body {
            /* font-style: italic;
           font-weight: 700;
           font-size: 16px;
           font-family: 'Microsoft yahei'; */
            /* 复合属性: 简写的方式  节约代码 */
            /* font: font-style  font-weight  font-size/line-height  font-family; */
            /* font: italic 700 16px 'Microsoft yahei'; */
            font: italic 700 30px "微软雅黑";
        }
    </style>
</head>

<body>
    <div>
        三生三世十里桃花，一心一意百行代码
    </div>
</body>

</html>