（9）字体操作 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体操作</title>
    <style>
        .box{
            width: 100px;
            height: 100px;
            background-color: aqua;
            color: darkolivegreen;

            /*改变文本的水平居中方式*/
            text-align: center;

            /*行高*/
            line-height: 100px;

            /*字重:字越粗越重，越细越轻，范围100~900的整数*/
            font-weight: 900;

            /*字体大小*/
            font-size: 30px;

            /*字族 = 字体*/
            /*可以写备用字体，就是字体后面以逗号分隔，再写一个字体，备用字体一般选用系统默认字体*/
            font-family: SimSun-ExtB,Shruti;
            
            /*以上所有功能的简写方式，整体写法*/
            /*font: 字重 字体大小/行高 字族*/
            font: 900 30px/100px "SimSun-ExtB","Shruti"
        }
    </style>
</head>
<body>
    <div class="box">
        12345
    </div>
</body>
</html>
posted @ 2019-01-30 13:29  clyde_S  阅读(320)  评论(0)  编辑  收藏  举报