【发布时间】：2012-12-31 16:47:46
【问题描述】：
我不想争论使用内联样式而不是外部样式，但是我只想知道您对某些可以使用内联样式的情况的想法。
例如，我有 10 种类型的表格，它们具有不同的宽度，但始终使用相同的边框颜色、厚度和填充。我目前的想法是我应该声明一个全局 CSS 类来控制表格的边框和填充，然后使用内联样式来指定表格的宽度。
例如
标签： css
【发布时间】：2012-12-31 16:47:46
【问题描述】：
是的，你可以声明一个全局 CSS 类并在所有表中使用它。它适用于所有桌子。
【讨论】：
我认为你在这里误解了一些东西。如果你拿这个：
<table class = "default" style = "width: 320px;">
那么这不将width: 320px;应用于所有tables 类default。它仅适用于具有style 属性的特定元素。
如果您希望指定此类 CSS 而无需 <link> 外部文件，您可以将 CSS 嵌入到 <style> 标签中：
.default { //or table, or whatever your selector is
width: 320px;
}
如果您想用不同的width 为类default 设置特定表格的样式，请给它另一个类 (class = "default width320") 并执行以下操作：
.default.width320 { //selects element with BOTH default and width320 classes
width: 320px;
}
Read more about CSS selectors here 和 selector specificity here。
编辑：如果您只想设置特定表格的样式，那么您的方法相对较好。但是，我建议使用类并将样式合并到一个地方（无论是.css 文件还是内联<style> 定义）——它比分散的style 属性定义更易于维护和整洁。
编辑2：绝对正确使用style属性。这更多的是个人选择的问题。如果您确定这不会导致可维护性问题 ('Hey, why is my table 320 pixels wide? I don't see anything in my CSS file that does that')，那就去做吧。这就是style 属性的用途。
【讨论】：
-
是的，我不想在我的表格 CSS 类上指定固定宽度，而是声明 GLOBAL 属性。我的想法是使用 GLOBAL 属性，然后使用内联样式指定某个表格的宽度
-
是的，我明白你的意思。但是，它是否正确，例如 CSS 属性只能在站点中使用一次，然后可以完成内联样式？或者总是使用外部 CSS 确实是必须的
-
@mangeb00x 使用内联 CSS 是绝对正确和好的——更多的是个人选择是否实际使用它。如果您确定这不会导致可维护性问题 (
'Hey, why is my table 320 pixels wide? I don't see anything in my CSS file that does that')，那就去做吧。这就是style属性的用途。查看我的编辑。 -
好的，谢谢。还有一个问题，如果一个对 CSS 不了解的人会在我所指的表格上进行 HTML 页面更新怎么办？例如改变表格的宽度？因为对我来说，那些技术不高的人很容易进行更新，因为他们只会使用“样式”属性更改宽度。你怎么看？这种“易于更新”是我目前正在权衡的要求。但是，我确实理解您关于使用外部 CSS 的观点，我只是认为这些类型的用户会遇到一些困难（可能培训会帮助他们，对吧？）
-
@mangeb00x 哦。嗯，这确实是个问题。也许您应该在
<table>定义附近添加一个comment，将人们指向一个CSS 文件/<style>定义，他们可以在其中更改宽度。如果你认为你的队友/其他人不尊重这一点，那就选择内联样式，因为在这种情况下它们确实是最清晰的。
我相信在您的情况下这是一种正确的方法。当您正确使用外部类“默认”时，请在所有表中使用它并指定与特定元素内联的不同宽度。
【讨论】：
这只是一个问题，因为在大多数情况下，如果您已经完成了一次，那么您会想要再做一次。现在你有两个相同的style 属性。而且，它们都应该是红边的。哦，我在某个地方需要第三张这样的桌子。而且，等等，它们应该更瘦一点……
另一方面，如果您使用一次性课程，则可以将其拍到下一张桌子上。或者您可以比较所有十张表并从一个地方调整它们，等等。
违反原则的问题在于，原则往往是来之不易的。 :)
【讨论】：