CSS宽度实用程序类与样式属性中的宽度

Question

对于我需要设置元素的特殊情况宽度的情况，我一直在使用一些实用程序类，如width--8em。起初我认为这样可以更容易维护，但现在我开始怀疑，因为我最终得到了这么多的一次性课程。关于回流方式有哪些性能优势？任何其他可维护性建议欢迎。

class

<div class="width--5rem">example</div>

使用CSS

.width--5rem {
  width: 5rem;
}

style

<div style="width: 5rem">example</div>

Answer 1

从功能上讲，没有区别。使用类并将所有 CSS 放在外部文件中并将它们链接起来是更常见的（也是更好的做法）：

<link type="text/css" rel="stylesheet" href="pathToCSSFile"/>

Answer 2

我同意acarroz5，我更喜欢将所有元素样式放在css文件中。如果您有几十个或几百个使用内联样式5em的html文件，但后来决定要将它们全部更改为10em，那么您必须在文件中找到＆＃34;查找文件＆＃34;查看它们的所在位置，然后可能需要手动更改每个文件。如果您在1个css文件中定义了一个类，那么您所要做的就是更改该文件中的一个值以获得所需的效果。耗时少，效率更高。

我尽量避免使用过多的特殊情况元素定位或尺寸 - 对我而言，它似乎只是让页面上的东西看起来很混乱，似乎抛弃了对称性。

如果你真的需要使用一些特殊的案例样式，可以将所有特殊情况放在它自己的css文件中 - 这样他们就更容易找到和修改。