OpenType 字体特性指南 字体特性（font feature）或变体（variant）指的是在同一个 OpenType 字体中包含的不同的字形或字符样式。它包括了连字（ligature，由字符组合而成的特殊字形，如"fi"或"ffl"）...
弹性盒子的典型用例 在这个指南中，我们将介绍弹性盒子（flexbox）的一些常见用例——在这些地方它是比其他布局更合理的方法。...
掌握弹性物件的包装 弹性盒子（Flexbox）是一种强大的一维布局工具，它允许开发者以行或列的方式排列元素，但不能同时兼顾两者。然而，Flexbox具有一个重要特性，即当空间不足时，flex元素会自动换行，形成新的行（当flex-dir...
控制弹性元素在主轴上的比例 在这篇指南中我们将探索应用于弹性（flex）元素的三个属性，它们能使我们在主轴方向上控制弹性元素的尺寸和伸缩性——flex-grow、flex-shrink 和 flex-basis。充分了解这些属性如何与伸...
Flex 项排序 Flexbox 和 Grid 等现代布局技术为内容的顺序控制提供了新的可能性。在本文中，我们将探讨如何在使用 Flexbox 时改变内容的视觉呈现顺序，同时也会考虑重新排序项目对无障碍访问的影响。...
对齐弹性容器中的项目 弹性盒之所以能迅速吸引开发者的注意，其中一个原因就是它首次为网页样式居中提供了合适的方案。得益于它提供的合适的垂直居中能力，我们可以很轻松地把一个盒子居中。在这份指南里，我们将详细地介绍 flexbox 的垂直和水平...
弹性盒子与其他布局方法的联系 在本文中，我们将了解弹性盒子（Flexbox）如何与所有其他 CSS 模块配合使用。如果你想学习弹性盒子，我们将一起找出需要注意的规范以及弹性盒子与其他的模块不同的原因。 备注： CSS 1 和 CSS 2...
flex 布局的基本概念 Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 flexbox 的主要特性，更多的细节将在别的文档...
使用滤镜效果 你是否曾经将鼠标悬停在黑白或棕褐色照片上，瞬间看到全彩图像出现？你是否遇到过背景图像中有一个模糊区域，使上面的文字更加清晰易读？在过去，这些效果需要图像编辑软件、时间和额外的HTTP请求。...
视觉格式化模型 在 CSS 中，视觉格式化模型描述了用户代理如何获取文档树，并将其处理后显示在视觉媒体上。这包括连续媒体（例如电脑屏幕）和分页媒体（例如书籍或浏览器打印功能打印的文档）。大部分信息同样适用于连续媒体和分页媒体。 在视觉...
开发学习网
