内页样式

    <!DOCTYPE html>
    <html>
        <head>
            <style type="text/css">
                h1{
                    color:red;
                }
            </style>
        </head>
        <body>
            <h1>内页样式</h1>
        </body>
    </html>

行内样式

    <!DOCTYPE html>
    <html>
        <head></head>
        <body>
            <h1 style="color:red;">内页样式</h1>
        </body>
    </html>

外部样式

    定义 font.css 文件

    h1{
        color:red;
    }
    
    <!DOCTYPE html>
    <html>
        <head>
            <!--引用 font.css 样式文件 -->
            <link rel="stylesheet" href="font.css" type="text/css">
        </head>
        <body>
            <h1 style="color:red;">内页样式</h1>
        </body>
    </html>