样看来，我们还没有真正将两者分开，不是吗？
我们必须在两个地方进行更改。 参加关于前端、设计和用户体验的精彩研讨会，包括实用要点、现场会议、视频录制和友好的问答。与布拉德·弗罗斯特（Brad Frost）、史蒂夫·沃尔特（Stéph Walter）和其他许多人一起。 跳转到研讨会 ↬ 功能面板 探索方法在我的职业生涯中，我有幸在数百个不同的网站和 Web 应用程序上工作。对于这些项目中的绝大多数，我是构建 HTML 和 CSS 的唯一开发人员。我开发了一种对我来说很有效的网站编码方法。 最近，我在雅虎工作了两年，负责邮件、Messenger、日历和其他项目。与更大的团队一起从事更大的项目是一次很棒的经历。一个小型原型团队与一个较大的设计师团队合作，为多个工程师团队。构建所有 HTML 和 CSS。 这是我在很多方面参与过的最大规模的项目： 雅虎的用户群庞大。仅邮件就有大约 3 亿用户。 分布在多个团队中的数百人正在使用 HTML 和 CSS。 我们正在开发一个跨多个项目工作的组件系统。 在雅虎工作期间，我开始真正审视我和雅 购买电话号码列表 虎团队如何构建网站。我们一直遇到哪些痛点，如何避免它们？ 我看看其他人在做什么。我查阅了 Nicole Sullivan 的面向对象 CSS 、Jina Bolton 的“ CSS 工作流程”演示以及 Natalie Downe 的“实用、可维护的 CSS ”，仅举几例。 我最终将我的想法写成一份长篇风格指南，名为“ CSS 的可扩展和模块化架构”。这听起来很罗嗦，所以你可以简称为 SMACSS（发音为“smacks”）。随着我对 CSS 开发方法的完善和扩展，这本指南会不断发展。 作为这次。
https://bybdirectory.com/wp-content/uploads/2024/01/Add-a-heading-3.png
探索的结果，我注意到设计师（包括我）传统上编写的 CSS 与它设计的样式的 HTML 紧密相关。我们如何开始将两者解耦，以减少重构而实现更灵活的开发？ 换句话说，我们如何避免扔掉!important所有东西或陷入选择器地狱？ 重用样式在过去，我们包装font标签并将background属性应用到每个需要样式的 HTML 元素。当然，这是非常不切实际的，CSS 就这样诞生了。CSS 使我们能够在页面的一个部分重复使用另一部分的样式。 例如，导航菜单有一个看起来都相同的项目列表。在每个项目上重复内联样式是不切实际的。结果，我们开始看到这样的 CSS：心理模型图 – 卡通 1 分钟阅读 用户体验 交互设计 在Twitter、LinkedIn上分享 印迪·杨和布拉德·科尔鲍 关于作者 当不研究心理模型图、教学研讨会或写作。
頁:
[1]