FrontendLearning/src/CssStudy/cssstudy1.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a{
            color:orange;
            font-size: 30px;
        }
    </style>
</head>

<body>
    <p style="color: red; font-size: 20px;">这是内联样式</p>
    <!-- 缺点：缺乏整体性和规划性，不利于维护 -->

    <a>这是内部样式</a>
    <!-- 再单个页面实现了统一维护和管理，但是再多个页面上会显得不够统一，混乱 -->
     <a href="./cssstudy2.html">点击跳转外部样式</a>
</body>

</html>