css和html的四种结合方式笔记四

<html>
    <head>
        <title>HTML示例</title>
        <style type="text/css">

           div{background-color:red;
            color:greed;
            }
        </style>
    </head>
    <body>
    <!--结合方式一-->
    <!--    <div style="background-color:red;color:green;">。它在中国文学史上具有开拓性意义，是我国古典小说的分水岭，是中国文学史上第一部
        由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚</div>-->
    <!--结合方式二-->
    <div>它在中国文学史上具有开拓性意义，是我国古典小说的分水岭</div>
    </body>
</html>

——————————————————————————————————————————————

<html>
    <head>
        <title>HTML示例</title>
        <style type="text/css">

            @import url(div.css);
        </style>
    </head>
    <body>
    <!--结合方式一-->
    <!--    <div style="background-color:red;color:green;">。它在中国文学史上具有开拓性意义，是我国古典小说的分水岭，是中国文学史上第一部
        由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚</div>-->
    <!--结合方式二-->
    <div>它在中国文学史上具有开拓性意义，是我国古典小说的分水岭</div>
    
    </body>
</html>

————————————————————————————————————————————————————

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="div.css"/>
    
    </head>
    <body>
        <div>上第一部由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚、恶霸、富商3种身份的封建时代市侩</div>
    </body>
</html>

————————————————————————————————————————————————————

div.css

/*
     div
*/

div{
    
    background-color:yellow;
    color:black;
    
}