一天搞定CSS：字体font--04

最新推荐文章于 2021-02-28 05:51:58 发布

Java仗剑走天涯

最新推荐文章于 2021-02-28 05:51:58 发布

阅读量555

点赞数

分类专栏：前端基础HTML5/CSS3 文章标签： css font 字体

本文链接：https://blog.csdn.net/baidu_37107022/article/details/71271837

版权

前端基础HTML5/CSS3 专栏收录该内容

46 篇文章 2 订阅

订阅专栏

1.字体体系

这里写图片描述

2.字体各属性取值

说明：

每一个属性后面的分支是属性值，以及对属性值的说明。
比如font-weight- - - -有两个取值：bold，normal

这里写图片描述

3.演示代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>

            /*font              文字
            font-weight     文字着重
            font-style      文字倾斜
            font-size       文字大小（一般都为偶数）
            line-height     文字行高        
            font-family     字体（中文默认是宋体）*/

            div{
                /*font--set*/
                font-weight:  bold;
                font-style: italic;
                font-family: "微软雅黑";
                line-height: 50px;
                font-size: 30px;

                /*复合样式*/
                /*font:bold italic 30px/50px "微软雅黑";*/
            }
        </style>
    </head>
    <body>

        <div id="">
            我在学习H5教程，我会成为前端大神的！
        </div>
    </body>
</html>