CSS字体属性

最新推荐文章于 2024-10-16 23:00:23 发布

Blue_lan18

最新推荐文章于 2024-10-16 23:00:23 发布

阅读量345

点赞数

分类专栏：笔记文章标签： css3 前端

本文链接：https://blog.csdn.net/Blue_lan18/article/details/122571274

版权

笔记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

CSS font属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。

CSS使用font-family属性定义文本的字体系列，用font-size属性定义文本的字体大小，用font-weight属性定义文本的字体粗细，用font-style属性定义文本的字体样式。

字体复合属性：

字体复合属性可以把以上文字样式综合起来写，以节约代码。使用复合属性时，必须按语法格式中的顺序写，各个属性之间用空格隔开。必须保留font-size和font-family属性。

例：

<!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>设置字体系列</title>
    <style>
        /* 没有用复合属性前 */
        p {
            font-style: italic;
            font-weight: 400;
            font-size: 20px;
            font-family: 'Microsoft YaHei', Tahoma, Arial, 'Hiragino Sans GB';
        }
        /* 用了复合属性后节省了许多代码 */
        div {
            font: italic 400 20px 'Microsoft YaHei', Tahoma, Arial, 'Hiragino Sans GB';
        }
    </style>
</head>
<body>
    <h4>黄子韬唱过的歌</h4>
    <p>皇冠</p>
    <p>舍不得</p>
    <p>还来得及</p>
    <h4>黄子韬染过的发色</h4>
    <div>紫色</div>
    <div>蓝色</div>
    <div>酒红色</div>
</body>
</html>

浏览器效果图;