我应该在css中创建样式还是只为元素添加样式。什么是更好的做法？

Question

好的，我们假设我正在编写HTML / CSS模板，我发现我需要创建一个具有特定颜色和文本阴影的文本。我应该在css文件中创建不同的样式还是只为元素添加样式？这个<span style="color: #f2f12; text-shadow: 0 2px 0 #f1f1f1">Text</span>或此<span class="styleforthistext">Text</span>是更好的做法吗？如果我知道我将仅为此文本使用此颜色（仅一次）。

Answer 1

您的html布局应该只包含数据。所有样式都应该在单独的css文件中完成。 出于多种原因，这是一种很好的做法。

• 首先，您的代码变得更加干净和可读。
• 此外，您可以轻松地将您的样式替换为其他样式，甚至不会触及html。
• 您可以在多个位置重复使用您的类（假设您正确地命名和构造它们）。
• 如果基于语义命名类，则代码将变得更易读，更易于维护。
• 等等。

Answer 2

你应该问自己这个，不同风格的文字带有什么意义？

是强调文字吗？也许强文？是<h3>title</h3>吗？

基于此，在样式表上创建适当的元素和样式。很少有案例证明使用style=属性是合理的，这不是其中之一。

Answer 3

在CSS文件中使用单独的样式通常是更好的做法。这是分离您的关注点的原则 - 内容在HTML中，表示（样式）在CSS中（即不用HTML内联），行为在JavaScript中（再次，不在HTML中内联）。