Html 在元素或单独的标记/文件中定义样式：有区别吗

考虑以下html片段

一,

二,

.某些类{颜色：红色；}
...

三,

---

在一个单独的CSS文件中使用

.some类{color:red；}

。1、2和3有什么不同吗？

当然有：每一个都有不同的优先级：

---

从另一个角度来看，最后一个是最好的，因为它可以以最简单的方式进行维护。

第三个选项使用外部CSS被认为是最佳实践，因为您的标记不包含任何样式信息。它创建了关注点分离，为您留下更清晰的标记

是的，有区别

在第一种情况下，您使用的是具有最高优先级的内联CSS，因此将应用它

在第二种情况下，css在HTML中使用，这不是一个好的实践

在第三种情况下，您在外部文件中声明CSS，以便它可以跨不同的html页面使用，并且易于维护。

您在2中的语法不正确，您的意思是：

。某些类

。否则，您将设置

元素的样式。请查看此博客：，它可能对您有用

<div class="some-class" style="key: value;">

<style type="text/css">
  .some-class {color:red;}
</style>
...
<div class="some-class">

<div class="some-class">