_第5页_开发学习网
逻辑属性与逻辑值的基本概念 逻辑属性与逻辑值规范为 CSS 中的许多属性和值引入了相对于流的对应关系。本文介绍此规范,并解释相对于流的属性与值。...
使列表缩进一致 最常见的列表样式更改之一是缩进距离的改变,即列表项向右推移的距离。这往往会导致挫败感,因为在一种浏览器中有效的样式在另一种浏览器中往往没有相同的效果。例如,如果你声明列表没有左侧边距,那么它们在基于 Gecko 的浏览器...
使用 CSS 计数器 CSS 计数器可让你根据内容在文档中的位置调整其显示的外观。例如,你可以使用计数器自动为网页中的标题编号,或者更改有序列表的编号。 本质上 CSS 计数器是由 CSS 维护的变量,这些变量可能根据 CSS 规则跟...
在 CSS 中实现图像合并 CSS 图像合并(Image sprites)技术,亦作 CSS 贴图定位、图像精灵(sprite,意为精灵),被运用于众多使用大量小图标的网页应用之上。它可取图像的一部分来使用,使得使用一个图像文件替代多个...
可替换元素 在 CSS 中,可替换元素的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。 简单来说,它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置,但不会影响到可替...
使用 CSS 渐变 CSS 渐变由 <gradient> 数据类型表示,它是 <image> 的一种特殊类型,由两种或多种颜色之间的渐变过渡构成。你可以选择三种类型的渐变:线性(由 linear-gradient...
砌体布局 CSS网格布局规范的第三级包含了一个masonry值,用于grid-template-columns和grid-template-rows。本指南详细介绍了砌体布局是什么以及如何使用它。 砌体布局是一种布局方法,其中一个轴使...
CSS 网格布局和无障碍 我们这些做 web 开发多年的人和比我们更早入行的人,可能都觉得 CSS 网格有一点像曾经用过的"表格布局"。在 web 设计的早期,构建页面布局的方式是使用 HTML 表格,通过把设计分割成表格的单元格来创建...
Subgrid CSS网格布局模块为grid-template-columns和grid-template-rows包含了一个subgrid值。本指南详细介绍了subgrid的功能,并提供了一些该功能解决的使用案例和设计模式。...
利用 CSS 网格布局实现常用布局 为了完善这组 CSS 网格布局指南,我将介绍几种不同的布局,它们演示了在使用网格布局进行设计时可以使用的一些不同技术。我们将看到一个使用 grid-template-areas 的示例,一个典型的 1...