CSS 文章
-
构建支持 RTL 的 Web 应用和网站：第 1 部分
让更多人，使用更多语言，更容易访问网络，是 Mozilla 持续努力的目标和一项非常重视的任务。这篇文章是系列文章的第一篇，旨在解释 Web 开发中最被忽视和鲜为人知的领域之一：RTL（从右到左）开发。在 Web 开发中，[…]
-
CSS 布局的未来：网格布局
在这篇文章中，我们将深入了解 CSS 网格布局的奇妙世界，这是一个相对较新的 W3C 规范，部分功能已开始在一些浏览器中实现。但在深入了解这项新的 CSS 技术及其使用方法之前，让我们快速回顾一下网格理论。[…]
-
滚动捕捉详解
您是否尝试过在滚动后捕捉页面内容？有很多 JavaScript 库提供了此功能。以下是一些示例：https://github.com/peachananr/purejs-onepage-scroll http://wtm.github.io/jquery.snapscroll/ http://guidobouman.github.io/jquery-panelsnap/ http://alvarotrigo.com/fullPage/ 由于这是一个与页面布局和行为相关的常见用例，因此 W3C 发布了一种纯 CSS 滚动捕捉方法。CSS […]
-
用 CSS 渐变打造和破坏 Web
什么是 CSS 前缀，我为什么要关心？直接来自源代码：“浏览器供应商有时会在实验性或非标准的 CSS 属性前添加前缀，以便开发人员可以进行实验，但在标准化过程中，浏览器行为的变化不会破坏代码。开发人员应等到浏览器行为标准化后再包含无前缀的属性。” 作为 […]
-
拖动元素、控制台历史记录等 - Firefox 开发者版 39
Firefox 开发者版 39 中新增了许多重要的新功能、改进和错误修复。更新您的 Firefox 开发者版或 Nightly 版本以体验它们！检查器检查器现在允许您通过拖放来移动元素。单击并按住某个元素，然后将其拖动到 […]
-
理解内联元素的 CSS 盒模型
在网页中，每个元素都呈现为一个矩形框。盒模型描述了元素的内容、填充、边框和边距如何确定元素占据的空间及其与页面中其他元素的关系。根据元素的 display 属性，其框可能属于两种类型之一：一个 […]
-
Firefox 开发者版 38 中的 Ruby 支持
长期以来，东亚用户，尤其是日本用户，一直要求在浏览器中提供 Ruby 支持。以前，由于 Firefox 缺乏原生 Ruby 支持，用户不得不安装 HTML Ruby 等附加组件才能使 Ruby 正常工作。但是，在 Firefox 开发者版 38 中，CSS Ruby 已默认启用，[…]
-
介绍 @counter-style
简介用于指示列表中项目的字符称为计数器——它们可以是项目符号或数字。它们使用 list-style-type CSS 属性定义。CSS1 引入了一系列预定义样式，用作计数器标记。然后，在 CSS2.1 中，通过添加更多预定义计数器样式，对初始列表进行了细微扩展。即使有 […]
-
探索 object-fit
在 Web 文档中，一个常见问题涉及在同一位置显示不同大小的图像（或视频）。也许您正在编写一个接受用户提交的动态图库应用程序。您无法保证每个人上传的图像都具有完全相同的纵横比，那么您该怎么办？让纵横比失真 […]
-
伪元素、Promise 检查、原始标头等 - Firefox 开发者版 36
Firefox 36 刚刚升级到开发者版频道，因此让我们看看此版本中最重要的开发者工具更改。我们还将介绍自 Firefox 35 发布以来的一些更改，因为它是开发者版首次公告前不久发布的。有很多内容需要讨论，所以让我们开始 […]
