跳过到主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 洗牌
搜索

文章标签
grid

132 篇文章
{
,

}
指向文章“CSS Grid 是否取代了 Flexbox?”的直接链接
flexbox grid

CSS Grid 是否取代了 Flexbox?

不。好吧,基本上没有。

Grid 比 Flexbox 新得多,而且浏览器支持度略低。因此,如果人们想知道 CSS Grid 是否会取代 Flexbox,这是完全合理的。

为了说明这一点……

Avatar of Robin Rendle
Robin Rendle 于 2022 年 2 月 23 日 发布
指向文章“构建 CSS Grid 叠加层”的直接链接
grid overlay repeating gradient

构建 CSS Grid 叠加层

让我们来看看用 CSS 构建网格叠加层需要做些什么。它将是响应式的,易于定制,并且大量使用 CSS 变量(更准确地说是“CSS 自定义属性”。如果你不熟悉……

Avatar of Andreas Larsen
Andreas Larsen 于 2017 年 3 月 27 日 发布
指向文章“CSS Grid 入门”的直接链接
grid layout

CSS Grid 入门

为什么 CSS Grid 如此重要,我们为什么要关心它?

好吧,CSS Grid 是 Web 上第一个真正的布局系统。……

Avatar of Robin Rendle
Robin Rendle 于 2018 年 3 月 12 日 发布
指向文章“第 153 期:CSS Grid 入门”的直接链接
grid

第 153 期:CSS Grid 入门

感觉 CSS Grid 已经存在很久了,但现在它似乎才达到一个临界点,人们越来越多的谈论它,它也正变得我们应该学习的东西。……

Avatar of Geoff Graham
Geoff Graham 于 2017 年 5 月 14 日 发布
指向文章“CSS Grid:一种布局,多种方式”的直接链接
grid holy grail

CSS Grid:一种布局,多种方式

我真的很喜欢熟悉CSS Grid。该功能开始在许多浏览器中发布,看来我们很快就可以在生产环境中使用它。……

Avatar of Geoff Graham
Geoff Graham 于 2017 年 2 月 18 日 发布
指向文章“媒体对象,多种方式”的直接链接
flexbox float grid layout tables

媒体对象,多种方式

媒体对象模式是:左边是图像,右边是标题和文本。

这就是 Nicole Sullivan所称的,而且这个名称被保留了下来。这是一个非常简单的模式,但就像 Web 设计中的所有事物一样,它可以……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 1 月 28 日 发布
指向文章“从乐高学习:模块化 Web 设计的进步”的直接链接
grid layout lego modules

从乐高学习:模块化 Web 设计的进步

Samantha Zhang

当 Web 组件像乐高积木一样,一直到元素级别都是模块化的,它们就会变得更加通用,也更容易维护。我们认为这是模块化 Web 设计的下一步。

这是一个巧妙的系统:把…

Avatar of Chris Coyier
Chris Coyier 于 2016 年 12 月 24 日 发布
指向文章“CSS Grid!”的直接链接
grid

CSS Grid!

Eric Meyer,自言自语

还要多久我才能真正使用 Grid?两三年?

2017 年 3 月。也就是从现在算起大约四个月。

Grid 听起来像是表格 2.0。我还以为我们都同意表格用于布局是

…
Avatar of Chris Coyier
Chris Coyier 于 2016 年 12 月 6 日 发布
指向文章“关于 CSS Grid 布局的学习”的直接链接
grid layout

关于 CSS Grid 布局的学习

以下是 Oliver Williams 的客座文章。Oliver 一直在使用 CSS Grid 布局,并且在此过程中学到了很多东西。在这篇文章中,他将跳跃到他所学到的不同概念……

Avatar of Ollie Williams
Ollie Williams 于 2019 年 3 月 20 日 发布
  • 更新
  • 1
  • ...
  • 13
  • 14
  • 15
  • 旧版本

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律声明
  • 获取免费积分!
CSS-Tricks
  • 为我们写稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.