html - CSS 作为 HTML 属性是不好的做法吗?

标签 html css

<分区>

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

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

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

但是,在构建网站或应用程序时,使用 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>

最佳答案

是的,这是不好的做法。这里有几个原因:

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

关于html - CSS 作为 HTML 属性是不好的做法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37370665/

上一篇:javascript - 如何使用CSS使窗口自动滚动?

下一篇:css - 我如何摆脱这个空白?

相关文章:

html - 如何让文字停留在一栏

ruby-on-rails - 使用 HTML5 地理定位获取用户位置并保存到数据库的 Rails 应用程序

html - Bootstrap 按钮内的 muli 元素 - 按钮变形

css - 没有JS的固定元素下面的固定元素

html - 文本输入在 Chrome 中保持水平滚动, "text-overflow: ellipsis"

javascript - 如何在div中单击时设置选择元素字体名称

php - Textarea 的换行符是什么?

javascript - 如何在 JavaScript 中将对象数组附加到卡片元素

javascript - 提升缩放不起作用

jquery - div的图像叠加