前端初级简单代码
文章平均质量分 91
@可乐1
一个00后菜鸟初学者~
展开
-
(重点)“Grid“网格布局
网格布局(Grid)强大的页面布局CSS Grid 网格布局教程 - 阮一峰的网络日志1.概述它是将网页划分为一个个网格,可以任意组成不同的网格,做出各种各样的布局,以前,只能通过复杂的CSS框架达到的效果上图这样的布局,就是Grid布局的拿手好戏 Grid布局与Flex布局有一定的相似性,都可以指定容器内部多个项目的位置,但是,它们也存在重大区别Flex布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局,Grid布局则是将容器花粉为“行”和“列”,产生单元格,然后指定原创 2021-10-14 19:49:54 · 288 阅读 · 0 评论 -
学习一定了解css中的Flex
在学习【CSS】时, 现代化布局解决方案: Flex 布局 非常方便快捷, 特别是水平垂直的解决方案, 用 Flex 就显得特别简单有没有! 今天就来深入学习一下.CSS Flex 弹性盒子 布局弹性盒子-MDN 即为 flexible box 就是我们通常说的 Flex弹性盒子是一种用于按行或按列布局元素的一维布局方法 。元素可以膨胀以填充额外的空间, 收缩以适应更小的空间。flex 容器: 父元素 flex 项目: 子元素通过给元素设置 display: flex, 使得该元素的原创 2021-10-13 12:01:33 · 130 阅读 · 0 评论