CSS 什么时候应该使用样式属性？

Question

您好，我正在从头开始创建网页，但我运行遇到了问题

我知道使用样式标签不是很好，但在这种情况下可以使用吗？或者有更好的方法吗？

假设我有这个CSS

.group-box {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    background-color: rgba(30,30,30);
    padding: 15px;
    height: 100px;
    border: 1px solid rgba(10,136,0, 0.2);
}

我有

<div class="groupbox"></div>

但现在假设我想让我的群组框更大以供一次性使用，可以吗？

<div class="groupbox" style="height: 300px;"></div>

或者我应该做一个单独的整体 class 就像一个 small-groupbox 和一个 big-groupbox 具有所有相同的属性，只是不同的高度值？我更倾向于 style 属性。但也许有更好的方法？

我想知道 CSS“编码”标准对这个问题有何看法。我的问题是主观的，但我想知道大多数在 CSS 方面更有经验的人在我的情况下会怎么做。

谢谢

Answer 1

您可以同时使用两者，但是，使用外部 CSS 和 class 始终是最佳实践，而不是内联 CSS，但是如果它的行数很少，那么它'不会对性能有太大影响。

Answer 2

这完全取决于‘你的情况’。特别是考虑 maintainability/readability 给未来的开发者。没有一个正确答案。这两种方法都是标准允许的。

如果使用 classes，需要注意的是 cascading/specificity 如果使用样式，您可以确信它会被处理。

但与此相反的是样式表中使用 class 有意义的名称的能力。样式和语义之间存在真正的分离，样式不会被“掩埋”在 HTML 之中。您还可以对设置进行分组，这样维护者就不会通过很多行代码来查找更改。

CSS 什么时候应该使用样式属性？

CSS When should I use the style attribute?

html

css

styles

coding-style