CSS 作为 HTML 属性是不好的做法吗？ [复制]

Question

我看到这种情况越来越频繁。

我总是被教导将 html、css 和 javascript 分开（当然，html 链接到源/脚本）。

我理解，如果 you're sending an email 有时在 html 中使用 style attribute 有时是可以的并且是首选。

但是，在构建网站或应用程序时，使用style 属性是否被认为是不好的做法？

<div style="margin: 0 auto; width: 114px; height: 32px; text-align: center; font-family: arial; padding: 25px; border-radius: 50px; line-height: 32px; background: rgb(46, 154, 255);">Hello world</div>

Answer 1

是的，这是不好的做法。以下是几个原因：

• 如果 css 代码是内联的（它只适用于它所在的元素），则您不能重用它，因此您需要编写执行相同操作的额外代码（例如，您有两段文本需要设置相同的样式- 如果您使用 style 属性，您现在必须复制并粘贴每个段落的样式。）
• 您的代码将更难/不可能维护 - 想象一下如果您必须更改页面上的字体。如果这样声明为 inline 就意味着要到各个地方去查找和修改代码。
• 您不能轻易地覆盖 CSS 样式。声明为内联的属性具有第二高的优先级。覆盖在 CSS 样式表中内联声明的属性的唯一方法是使用 !important 关键字。