【问题标题】:Inline style vs "inline style" . What is the difference? [duplicate]内联样式与“内联样式”。有什么不同? [复制]
【发布时间】:2016-01-21 08:21:59
【问题描述】:

height="50" VS style="height:50px" 有什么区别?

还有height="50" VS style="height:50"?

我总是对此感到困惑。

【问题讨论】:

  • 前者不是风格。
  • 您是在询问具体的身高还是一般的表现属性?
  • @Quentin 他询问了演示属性,我猜
  • @Khazratbek — 我们都可以猜到。我要求 OP 澄清它们的实际含义。

标签: html


【解决方案1】:

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

然而,它们已经被 CSS 弃用,通过 styleclassid 属性,它们比原始属性提供了更多的灵活性(至少因为 CSS 可以扩展无需触及 HTML 本身的定义,当然也因为您获得了“级联”部分,以及多个单元、媒体查询等等)。

因此,您通常应该避免在 HTML 中使用此类属性。

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

请注意,您通常也应避免使用 style 属性,而应使用单独的 CSS 和 class 和/或 id 属性。这使您可以将 HTML 和 CSS 完全分开,并且可以更轻松地更改页面的呈现方式,而无需接触 HTML(或生成它的代码)。

此外,在 CSS 中(因此在 style 属性中),您必须指定单位(0 除外),因此 height: 50 无效,您应该使用 height: 50px(或另一个单位)。

【讨论】:

    【解决方案2】:

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

    【讨论】:

    • 他问是不是富元素。他问height="50"style="height:50px"有什么区别
    猜你喜欢
    • 1970-01-01
    • 2017-05-01
    • 1970-01-01
    • 2017-06-15
    • 1970-01-01
    • 2016-04-21
    • 2017-07-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多