html - CSS 与 DRY

标签 html css dry

您正在创建 HTML 布局。假设您不需要多个样式表的好处,HTML 大小的小幅增加不是问题,并且您有一个只会使用一次的样式。我经常赞成在这里使用内联样式,因为我将 CSS 类名或 ID 的重复视为您当前不需要且可能永远不会使用的抽象的代价。

现在的标准原则是始终使用语义标记和 CSS 样式创建 HTML 布局,所以我在这里遗漏了什么吗?请让我知道您的想法。

最佳答案

即使您只使用一次特定样式,将它与其他样式保持在一起而不是将其内联仍然有好处。首先,关注点分离可以提高可维护性。如果您知道您只是要进行样式更改,那么可以在一个地方查找任何更改。另一个好处是不必键入类名就可以进行 self 记录。通过为该样式命名,即使它被使用一次,它也使下面的语义代码更具声明性——您可以读到这个随机的 p 不仅是一个段落,而且,比如说, 介绍段落。

当然,这是假设您永远不会再次使用该特定样式。如果您可能 比有更多的理由将其分解为命名样式。内联样式并不邪恶,但它们有点像入门药。

关于html - CSS 与 DRY,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/813875/

相关文章:

css - 为什么包含 _partial in sass

javascript - Angular 2 - 如何有选择地绑定(bind)包含 HTML 的字符串(一些允许的标签)

html - 尝试反转 div 以进行响应式设计

jquery - 我希望我的 body 背景图像每 5 秒淡入淡出一次,如果不是至少每 5 秒改变一次

html - 换行 CSS

ruby-on-rails - 如何在多个 RSpec 上下文中使用相同的共享示例和前置过滤器?

asp.net-mvc - 对于类似/继承的对象,DRY 原则与 MVC 中的轻/薄 View

Django 跨站反向 URL

html - 如何使用CSS2.1制作圆形图片?

html - <td> 元素上的框阴影行为