Классы - это повторно используемые стили, которые можно добавлять к элементам HTML. e.g-
<style>
.blue-text{color:Blue;}
</style>
вы можете использовать и повторно использовать этот класс с синим текстом для любого элемента HTML
Обратите внимание, что в вашем элементе стиля CSS классы должны начинаться с точки. В объявлениях классов ваших HTML-элементов классы не должны начинаться с точки.
в то время как встроенный стиль, например, например, - 1004 *
<p style="color:Blue;">---</p>
Таким образом, разница между ними заключается в том, что вы можете повторно использовать классы, тогда как вы не можете повторно использовать встроенные стили.