2

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

4

3 回答 3

6

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

  • 首先，您的代码变得更加干净和可读。
  • 此外，您可以轻松地将您的样式替换为其他样式，甚至无需触摸 html。
  • 您可以在多个地方重用您的类（假设您正确命名和构造它们）。
  • 如果您根据语义命名类，您的代码将变得更具可读性和更易于维护。
  • 等等等等
于 2012-12-03T21:29:13.183 回答
1

您应该问自己，不同样式的文本所承载的含义是什么？

是强调文字吗？也许是一个强有力的文本？是<h3>title</h3>吗？

在此基础上，创建适当的元素，并在样式表上设置样式。很少有案例证明使用该style=属性是合理的，这不是其中一种情况。

于 2012-12-03T21:30:22.747 回答
0

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

于 2012-12-03T21:29:34.727 回答