×

Tags

探索与 "css" 相关的所有文章

css

共有 4 篇文章
CSS阴影

「这是我参与11月更文挑战的第7天,活动详情查看:2021最后一次更文挑战」。 在我看来,最好的网站和Web应用程序对它们具有切实的”真实”质量。实现这种质量涉及很多因素,但阴影是一个关键因素。 然而,当我环顾网络时,很明显,大多数阴影并不像它们所希望的那样丰富。网络上覆盖着模糊的灰色盒子,看起来并不像影子。 在本教程中,我们将学习如何将典型的箱形阴影转换为美丽、逼真的阴影: 为什么还要使用阴影?我保证,我们很快就会谈到有趣的CSS技巧。但首先,我想退后一步,谈谈_为什么_阴影存在于CSS中,以及我们如何最大限度地利用它们。 阴影表示高程,而较大的阴影表示更高的高程。如果我们有策略地使用阴影...

Flex 布局下文字省略不生效?原因其实很简单

概述 在开发中,我们常遇到这种布局:A、B、C 三段文本长度不固定,其中 A、C 占用空间较少,需要完整显示;而 B 是自适应区域,超出部分需省略显示。A 与 B 共享同一容器,右侧的 “Live...

CSS 的弹性布局

#CSS 的弹性布局在此之前,我们写的页面上元素是按照先后顺序排列的,块元素总是占据一行,不受我们控制。 例如之前 语义化 章节中的示例代码中,aside 块作为侧边栏,却并没有显示在侧边,而是单独占...

CSS 的网格布局

#CSS 的网格布局CSS 网格布局(Grid Layout)是一个强大的 2D 布局系统,可精确地控制页面的行和列布局,比 Flex 更适合结构化排布。 通过将一个元素样式的 display 属性设为 grid,可以将该元素设为网格布局的 容器。 通过容器的 grid-template-columns 属性可以配置网格的列宽度,通过 grid-template-rows 属性可以配置网络的行高度...