CSS 啥时候应该使用 style 属性？

Posted 2023-02-22

【中文标题】CSS 啥时候应该使用 style 属性？

【英文标题】：CSS When should I use the style attribute?CSS 什么时候应该使用 style 属性？

【发布时间】：2021-12-30 17:40:49

【问题描述】：

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

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

假设我有这个 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>

但是现在假设我想让我的 groupbox 更大以便一次性使用，可以这样做吗？

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

或者我应该只创建一个完整的单独类，例如具有所有相同属性的小型组合框和大型组合框，只是高度值不同？我更倾向于 style 属性。但也许有更好的方法？

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

谢谢

【问题讨论】：

这个可能对你有帮助：javatpoint.com/types-of-css

@YashChitroda 我理解这些差异，我想知道 CSS“编码”标准对这个问题会怎么说。我的问题是主观的，但我想知道大多数在 CSS 方面更有经验的人在我的情况下会怎么做。

【参考方案1】：

这完全取决于“你的情况”。特别是考虑到未来开发人员的可维护性/可读性。不可能有一个正确的答案。标准允许这两种方法。

使用类时要注意的事项是级联/特异性，如果使用样式，您可以放心处理。

但与之相对的是样式表中使用有意义的类名的能力。并且样式和语义之间存在真正的分离，样式不会“隐藏”在 html 中。您还可以对设置进行分组，这样维护者就不必通过多行代码来查找更改。

【参考方案2】：

你可以同时使用，但是，最好的做法是使用外部 CSS 和类而不是内联 CSS，但是如果它的行数很少，那么它不会对性能产生太大影响。