font复合属性的写法

最新推荐文章于 2024-03-13 22:41:45 发布

香风智乃哈~

最新推荐文章于 2024-03-13 22:41:45 发布

阅读量1k

点赞数

文章标签： css3 css html

本文链接：https://blog.csdn.net/zhinaijiangya/article/details/122502133

版权

字体有很多种属性：font-size,font-style,font-weight,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>
        .font222 {
        /*这些是单独写的*/
            /* 字体大小 */
            /* font-size: 100px; */
            /* 什么类型的字体 */
            /* font-family: "microsoft yahei"; */
            /* 字体粗细 */
            /* font-weight: bold; */
            /* 字体倾斜与否 */
            /* font-style: italic; */

            font:italic 700 100px 'microsoft yahei';
        }
    </style>
</head>
<body>
    
    <div class="font222">哇哇哇哇</div>
</body>
</html>

符合属性必须遵守一定的顺序：

//这个顺序是不能进行更改的，，每个属性要以空格进行分隔
//另外font-size和font-family必须同时存在，否则将不显示（前面的两个可以不写）
font:font-style font-weight font-size font-family

一定要注意这个顺序是不能够更改的。

香风智乃哈~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
font复合属性的写法

字体有很多种属性：font-size,font-style,font-weight,font-family这些属性如果要同时出现的话，可以用符合属性进行填写。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v
复制链接

扫一扫