CSS作为HTML属性是不好的做法？

Question

我越来越多地看到这种情况发生了。

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

我有时理解you're sending an email然后在html中使用style attribute有时候是好的和首选。

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

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

是的，这是不好的做法。原因如下：

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