网站首页编程语言正文

CSS字体属性之复合属性

作者：WangZhang_521 更新时间： 2022-01-03 编程语言

CSS字体属性之复合属性

<!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>CSS字体属性之复合属性</title>
    <style>
        /* 想要div文字变倾斜 加粗 字号设置为16像素 并且是微软雅黑 */
        
        div {
            /* 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-size和font-family属性,否则font将不起作用 */
            font: italic 700 16px 'Microsoft Yahei'
        }
    </style>
</head>

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

</html>

效果展示

在这里插入图片描述

原文链接：https://blog.csdn.net/WangZhang_521/article/details/122106892

上一篇：无法将“node.exe”项识别为 cmdlet、函数、脚本
下一篇：比较throw和 throws的异同

网站首页 编程语言 正文

CSS字体属性之复合属性

CSS字体属性之复合属性

效果展示

相关推荐

网站首页编程语言正文