0
点赞
收藏
分享

微信扫一扫

font复合属性写法

崭新的韭菜 2022-04-24 阅读 146
css
<!DOCTYPE html>
<html lang="zh-CN">
<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>
        /* 文字复合属性书写格式:
           font: font-style font-weight font-size/line-height font-family 
           (line-height是行高)

            不可更改顺序,中间用空格隔开
            可省略其中的某些属性(取默认值),但必须保留font-size和font-family属性,否则语句不生效
        */
        p{
            font: italic 800 20px/100px '黑体'
        }
        div{
            font: 30px '宋体'
        }
    </style>
</head>
<body>
    <p>君子坦荡荡,小人常戚戚。</p>
    <p>一花一世界,一叶一菩提。</p>
    <div>东临碣石,以观沧海。</div>
</body>
</html>

在这里插入图片描述

举报

相关推荐

0 条评论