内联样式vs＆＃34;内联样式＆＃34; 。有什么不同？

Question

height="50" VS style="height:50px"之间有什么区别？

height="50" VS style="height:50"？

我总是对此感到困惑。

Answer 1

与演示相关的属性，例如height="50"，其中指定HTML元素的演示详细信息的原始方式。

但是，它们已被弃用，支持CSS，通过style，class和id属性，这给了原始属性更多的灵活性（在至少是因为CSS可以在不触及HTML本身定义的情况下进行扩展，但当然也是因为你得到了“级联”部分，以及多个单元，媒体查询等等。

因此，您应该在HTML中避免使用这些属性。

唯一的例外是电子邮件中的HTML，因为许多客户端支持这些属性，但不支持CSS版本。

请注意，您通常应该避免使用style属性，而是支持单独的CSS以及class和/或id属性。这使您可以完全分离HTML和CSS，并且可以更轻松地更改页面的显示，而无需触及HTML（或生成它的代码）。

此外，在CSS（以及style属性）中，必须指定单位（0除外），因此height: 50无效，您应该使用{ {1}}（或其他单位）。

Answer 2

使用style属性可以为元素添加丰富的CSS。无法使用HTML属性添加某些样式。例如，使用纯HTML属性不可能<div style="background-color: #ff00ff; float: right">。