一，引入CSS的三种方式，都需要使用style标签
    1，直接使用。

    1. <body>
    2.         <div style = "color:#FF0000;font:22px;">我是红色的</div>
    3. </body>

    2，通过class或者id标签引入。

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
        /* 下面的叫做标签选择器 */
            h1 {
                font-size: 22px;
                color: green;
            }
            /* 下面的叫做类选择器 */
            .red {
                font-size: 20px;
                color: red;
            }
            /* id 选择器只能有一个引用，不然会报错 */
            #green {
                font-size: 18px;
                color: green;
            }
        </style>
    </head>
    <body>
        <div class="red"> 我是红色的</div>
        <div id="green"> 我是绿色的</div>
        <h1>我是标签自带的颜色</h1>
    </body>
</html>

    3，最常用的一种方式，很简单，引入外部样式，使用外部文件即可，需要使用link标签。

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="./my.css" type="text/css">
    </head>
    <body>
        <div>
            <p class="red"> 我是红色</p>
            <p id="green"> 我是绿色 </p>

        </div>
    </body>
</html>