随笔分类 -  CSS

grid随笔
摘要：grid是唯一一个二维布局的display属性,功能强大 display:grid; `display-template-columns:1fr,1fr,1fr;` fr是grid单位,该语句将形成3个等宽列 `display-template-rows`设置行高 阅读全文
posted @ 2023-08-01 10:50 Liinboc 阅读(10) 评论(0) 推荐(0)
CSS浮动布局
摘要：float layout float属性可以取消 block 元素的换行符, 取消 block 的width:100%属性, float属性默认width:auto;由子元素决定 阅读全文
posted @ 2023-07-31 20:48 Liinboc 阅读(16) 评论(0) 推荐(0)
CSS常见布局
摘要：## 两栏布局 1.左边固定,右边自适应布局 ## 三栏布局 - 流体布局（浮动） - BFC三栏布局 - 双飞翼布局 - 圣杯布局 - flex - table布局 - 绝对定位布局 - 网格布局(Grid布局) ## 总结 layout可分为两个部分,容器的width,height和容器的位置. 阅读全文
posted @ 2023-07-31 19:39 Liinboc 阅读(26) 评论(0) 推荐(0)