文章标签

Ahmad Shadeed 介绍了卡片组件的概念，它具有固定的一组语义 HTML，以及一些 BEM 类。它包括标题、作者、图片和标签。然后他将卡片重新设计为五个完全不同的……

为了帮助浏览器实现最佳性能，我们必须做很多事情。

• 响应式图片语法就包含很多。例如，需要告诉浏览器图片在我们的……中将有多大

我一直很喜欢看到人们从印刷设计中汲取灵感，并尝试将其移植到网页上。印刷作品有着更加深厚的历史，可以从中借鉴，而且现在依然有很多现代作品……

最近我需要制作一个类似报纸的设计，它包含多个行和列跨度，并在它们之间使用分隔线。请看这里的设计稿，看看是否让你感到压力。如果你……

你了解单值语法：.thing { display: block; }。“block”是一个单值。display 有很多单值。例如，inline-flex，它类似于 flex，因为它会成为……

Every Layout 是 Heydon Pickering 和 Andy Bell 的一个正在进行中的网站和书籍，它解释了如何使用 CSS 创建常见的布局模式。他们描述了这些设计中遇到的很多问题……

让我们快速地回答这个问题，用一些要点而不是长篇大论。Flexbox 和 Grid 有很多相似之处，首先它们都用于布局，还有更多……

CSS 中的良好体验和漫长的令人沮丧的体验之间的区别通常仅仅在于一些细微的细节。CSS 确实很细致。我最常看到人们感到困惑的领域之一就是布局。就我个人而言，我喜欢……

在网页上，Masonry 布局是指将大小不一的项目排列在一起，使之没有不均匀的间隙。我猜这个词是由 David DeSandro（至少是流行的）创造的，因为……