在HTML中调用CSS有多种方式，包括内联样式、内部样式表和外部样式表。本文将详细介绍这三种方式，并讨论它们的优缺点和最佳实践，帮助你在不同的场景下选择最合适的方法。为了更深入地理解，我们将通过具体的代码示例和应用场景来讲解。
一、内联样式
内联样式是将CSS规则直接写在HTML元素的style属性中。它的主要优点是方便快速应用样式，特别是当你只需要对单个元素进行样式调整时。然而，内联样式也有其局限性，例如难以维护和复用。
优点
快速、方便：适合对单个元素进行快速样式调整。
高优先级：内联样式的优先级高于内部和外部样式表。
缺点
难以维护：样式分散在HTML代码中，不便于维护和管理。
无法复用：不能复用样式，导致代码冗余。
示例
这是一个内联样式的标题
在这个示例中，h1元素的颜色和字体大小通过内联样式直接定义。
二、内部样式表
内部样式表是将CSS规则写在HTML文档的
部分的