CSS的三种引入方式

内部样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>内部样式</title>
        <style>
            div{
                color: blue;
                font-size: 25px;
            }
        </style>
    </head>
    <body>
        <div>昨天是个好日子</div>
        <div>今天是个好日子</div>
        <div>明天是个好日子</div>
    </body>
</html>

外部样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>外部样式</title>
        <link rel="stylesheet" href="./外部样式.css" />
    </head>
    <body>
        <div>昨天是个好日子</div>
        <div>今天是个好日子</div>
        <div>明天是个好日子</div>
    </body>
</html>
div{
                color: blue;
                font-size: 25px;
            }

行内样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>行内样式</title>
    </head>
    <body>
        <div style="color: red;">昨天是个好日子</div>
        <div style="font-size: 30px;">今天是个好日子</div>
        <div style="color: gold; font-size: 50px;">明天是个好日子</div>
    </body>
</html>

 

posted @ 2020-04-05 09:36  yxfyg  阅读(162)  评论(0)    收藏  举报