font复合属性的写法

Posted 香风智乃哈~

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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="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

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

以上是关于font复合属性的写法的主要内容,如果未能解决你的问题,请参考以下文章

font复合属性的写法

5.css文本样式[上]

代码性能优化

css中background复合属性详解

字体样式-背景样式

CSS 盒模型