是否所有样式都只能在.css文件中？

Question

是否应在.css文件中设置所有样式，或者是否允许将样式直接放在元素上？例如，在为复杂表格设置样式时，或者当您想要使用某个类在一个元素中添加一些额外样式时。

Answer 1

您可以在页面中使用它们，但最好将它们放在外部文件中，以便浏览器对其进行缓存。将这两种技术结合起来并没有错。

在您的情况下，您可能在外部样式表中有一个类，然后您可以拥有一个重新定义同一个类的页内样式表。页面中较低的一个优先。

Answer 2

根据经验法则：始终使用类和ID并避免使用样式属性。

这是因为它使您的标记更清晰，更易于维护。

Answer 3

样式进入样式表。您不希望在多个地方进行调试以调试布局，甚至您打算使用一次的内容也可能会随着需求的变化而重复使用。

Answer 4

我通常遵循这个惯例：

1. 如果样式可以跨多个元素重复使用（例如颜色方案），我会在单独的css文件中创建一个类。
2. 如果样式很长（例如5个或更多属性），我也会在单独的文件中创建一个类，以保持我的html清洁。
3. 如果某个特定元素只有一些属性，那么将它移动到一个单独的css文件中就太复杂了，我将它留在html中。

编辑以澄清＃3