字体和大小

阅读量: 146 编辑

字体和大小

color                //颜色
font-family      //字体类型
font-size          //字体大小
font-weight     //字体的粗细


一、代码实战

代码的详细解读,可以参考视频教程

文件:07.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>文字</title>

        <style type="text/css">
            .mydiv{
                color: red;
                font-family: "Adobe 繁黑體 Std B";
                font-size: 50px;
                font-weight: bold;
            }

            a{
                color: #2b2b2b;
                text-decoration: none;
            }
            a:hover{
                color: deepskyblue;
            }
        </style>

    </head>
    
    <body>
        <div class="mydiv">我是一行文字</div>
        <a href="07.html">我是一个链接</a>
    </body>
    
</html>