技术栈
grid布局
安冬的码畜日常
2 个月前
前端
·
css
·
css3
·
html5
·
网格布局
·
grid布局
·
css网格布局
【CSS in Depth 2 精译_032】5.4 Grid 网格布局的显示网格与隐式网格（上）
当前内容所在位置（可进入专栏查看其他译好的章节内容）《CSS in Depth》新版封面译者按 本小节篇幅较长且知识点密集，故分为上、中、下三部分进行发表，旨在拆分核心知识点并加深理解。本篇为上篇，介绍显式与隐式网格的核心概念；中篇即第 5.4.1 小节，主要介绍图片放大效果的实现；下篇即第 5.4.2 小节，主要是一些细节处理与相关注意事项。滚动更新中，敬请关注！
安冬的码畜日常
2 个月前
前端
·
css
·
css3
·
html5
·
grid
·
css布局
·
grid布局
【CSS in Depth 2 精译_029】5.2 Grid 网格布局中的网格结构剖析（上）
当前内容所在位置（可进入专栏查看其他译好的章节内容）《CSS in Depth》新版封面译者按 上一节，我们通过一个 2行 × 3列 的简单网格了解了网格布局中的两个核心概念 —— 网格容器（grid container）和网格元素（grid items），并认识了一个新的尺寸单位 fr（表示 fraction unit，即分数单位）。这一节，作者将结合上一章 Flexbox 布局使用的示例页，对网格布局的结构进行抽丝剥茧的深入讲解，一起来看看吧（由于内容相对较多，拟分为上篇、下篇两个部分发表，本篇为上篇
Commas.KM
2 个月前
前端
·
css
·
网页布局
·
flex布局
·
grid布局
·
表格布局
·
div+css布局
【CSS|第1期】网页设计的演变：从表格布局到Grid布局
日期：2024年9月9日 作者：Commas 签名：(ง •_•)ง 积跬步以致千里,积小流以成江海…… 注释：如果您觉在这里插入代码片得有所帮助，帮忙点个赞，也可以关注我，我们一起成长；如果有不对的地方，还望各位大佬不吝赐教，谢谢^ - ^ 1.01365 = 37.7834；0.99365 = 0.0255 1.02365 = 1377.4083；0.98365 = 0.0006
白菜不太菜
4 个月前
javascript
·
css
·
html
·
图片线框
·
grid布局
Web开发：四角线框效果（HTML、CSS、JavaScript）
目录一、实现效果二、完整代码三、页面准备1、页面结构2、初始样式3、现有效果三、线框实现1、需求分析2、线框结构