FrontendLearning/src/CssStudy/cssstudy2.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>
   <link rel="stylesheet" href="./public.css">
</head>

<body>
    <p style="color: red; font-size: 20px;">这是外部样式</p>
    <!-- CSS 的优先级顺序是从低到高依次为外部样式表、内部样式表、内联样式。内联样式直接写在 HTML 元素的 style 属性中，所以它离目标元素最近，优先级也就最高。 -->
    <a>这是外部样式</a>
  <!-- 外部样式可以通过一个文件进行整个网页的样式调整，极大地增强了复用性和可维护性 -->
</body>

</html>