CSS 网格，逻辑值和书写模式 在前面的文章中，我们已经接触了网格布局的一个重要特性：被纳入规范的对不同书写模式的支持。本文我们将探讨在网格和其他现代布局方式下的这个特性的表现，以及学习一些关于书写模式和逻辑属性与物理属性的知识。...
网格布局中的盒模型对齐 CSS 网格布局实现了盒模型对齐 Level 3 规范，与用于弹性容器中元素对齐的弹性盒的标准相同。这个规范详细约定了在不同的布局方式下如何处理对齐问题。布局方法会尽可能地符合规范，但仍因特性与约束的不同而存在行为...
CSS 网格布局中的自动定位 CSS 网格布局提供了一套强大的规则，用于处理当网格项目没有被明确指定位置时的情况。这种自动定位功能使得开发者能够更轻松地构建复杂的网格布局，而不必为每个项目指定精确的位置。 自动定位是 CSS 网格布局中最...
使用命名线布局 在前几篇文章中，我们已经学习了根据网格轨道创建出的网格线来定位，以及根据命名的模块区域来定位，在本文中我们将探讨如何通过为网格线命名来把这两种方法结合起来。命名网格线不可思议地有用，但是它那把名字和轨道尺寸混在一起的语法...
CSS 网格中基于线的定位 在探讨网格布局的基础概念一文中，我们了解了如何使用线编号来排列元素，本文则会全面探索这个基础特性如何工作。 了解编号线是最好的探索网格布局方式的起点，当你使用网格布局时，编号线总是存在。这些线从 1 开始按...
网格模板区域 在上一篇指南中我们着眼于网格线以及如何依赖网格线定位项目。在使用 CSS 网格布局时，因为离不开网格线，所以最直接的方式就是使用网格线来定位项目。不过，还有另一种替代方法用于定位项目，你可以独立使用它，也可把它和基于网格线的...
网格布局和其他布局方法的联系 CSS 网格布局作为一个完整的布局系统，其设计初衷就是为了与 CSS 的其他部分能够无缝协作。在本指南中，我们将探讨网格布局如何与您已经使用的其他布局技术协同工作，以及它们之间的互补关系。 网格布局并非要...
网格布局的基本概念 CSS网格布局引入了一种强大的二维网格布局系统，为网页设计提供了前所未有的灵活性和控制力。这种布局方式特别适合构建复杂的页面结构，无论是整体页面布局还是小型用户界面元素都能轻松应对。 与传统的布局方法相比，网格布局...
Web 开放字体格式（WOFF） WOFF（Web Open Font Format，Web 开放字体格式）是由 Mozilla 与 Type Supply、LettError 及其他组织共同开发的一种网页字体格式。它采用了与 True...
可变字体指南 可变字体是 OpenType 字体规范的一次重要演进，它允许将同一字体的多种变体整合到一个单独的字体文件中。这样，开发者就不需要再将不同字宽、字重或样式的字体分割成多个文件。通过 CSS 和一行 @font-face 引用...
开发学习网
HTML 简介 2年前 (2024-05-05)