64字体的简写属性

最新推荐文章于 2022-04-09 15:35:08 发布

广东码农

最新推荐文章于 2022-04-09 15:35:08 发布

阅读量145

点赞数

分类专栏： html+css 文章标签： css

本文链接：https://blog.csdn.net/quanxiaobai_/article/details/117904687

版权

html+css 专栏收录该内容

82 篇文章 0 订阅

订阅专栏

我们之前设置字体的属性主要有以下几种
font-size
font-family
font-weight（加粗）
font-style（斜体）
line-height
color

现在我们可以简写成一个属性font

<!DOCTYPE html>
<html lang="ch">
<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 {
            line-height: 1000px;/* 这条没用。原因：被font的覆盖掉了 */
            /* 
                font语法:
                    font:字体大小/行高 字体族
                    行高 可以省略不写，但不代表没有，不写会使用默认值
            */
            /* font: 50px serif; */
            font: 50px/10 serif;

            line-height: 5;/* 谁在下面，谁就会把上面的覆盖 */
            font-size: 25px;/* 谁在下面，谁就会把上面的覆盖 */

            /* font-weight font-style font-size/line-height font-family*/
            /* font-weight font-style line-height可以省略不写，省略不写就使用默认值*/
            font: bold italic 50px/8 serif;
        }
    </style>
</head>
<body>
    <p>岁不寒，无以知松柏。事不难，无以知君子。</p>
</body>
</html>

广东码农

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
64字体的简写属性

我们之前设置字体的属性主要有以下几种font-sizefont-familyfont-weight（加粗）font-style（斜体）line-heightcolor现在我们可以简写成一个属性font<!DOCTYPE html><html lang="ch"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg
复制链接

扫一扫

专栏目录