<分区>
我正在处理一个相当大的单页应用程序。我可以将样式内嵌在 html 标签中，例如<div style="width:10px"></div> ，或者我可以将它放在一个单独的 .css 文件中，并通过类或 ID 引用标签。
很明显，我使用 .css 和类/id 来多次(重新)使用样式。但是有很多一次性元素只需要在这里和那里进行一些特定的调整，例如一个很小的余量让它看起来恰到好处，并且为它们中的每一个创建一个新的类或 id 似乎非常麻烦。我最终得到了很多不容易导航的一次性类和 ID，而不是找到使用它的样式信息(在相关标签中)，我必须去搜索一些随机的 .css 文件。
然而，互联网告诉我最好将所有样式信息保存在 .css 文件中。谁是对的？我是否偶然发现了一个内联样式更好的特定案例，或者我这样做会以某种方式搬起石头砸自己的脚吗？是否还有更好的第三种方法？
最佳答案
Yet, the internet tells me it is always preferred to keep all my style information in .css files. Who's correct?
你知道你在这里问互联网......？ ;)
不得不重做几个使用内联标签应用样式的网站，我可以毫不犹豫地说我自己永远不会使用它们。维护它们很麻烦，除非您密切记录应用内联样式的位置和内容，否则很难确保您对全局 css 文件的更改在整个站点中得到遵守。
如果您确实需要页面特定的 css 类并且您不想将它们放在全局 css 文件中，请将它们添加到 <style> 中的页眉中元素。将所有 css 放在一个文件中的好处是用户的浏览器将加载该文件并缓存它，这样就不需要在站点的其他页面上重新加载它。
如果您发现需要对所有地方进行大量调整，则表明设计可能需要重新思考或重构。边距和填充的情况尤其如此——如果选择错误的组合来为文档元素应用间距，您可能会为自己做很多工作。
关于html - 单独的 css 文件是否总是被认为优于内联样式？即使是一次性调整？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25959990/