日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

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

欄目分類
最近更新