文件名称:grid_custom_module
文件大小:738KB
文件格式:ZIP
更新时间:2024-04-15 23:46:35
HTML
练习:网格自定义模块 在本练习中,我们将使用CSS Grid处理更复杂的布局。 我们将在Wireframes.pdf(位于Wireframes文件夹中)中执行布局。 这些布局将需要使用网格列号,网格行号和span关键字在网格上显式放置项目。 您还需要熟悉以下内容: CSS属性 展示 网格间隙 网格模板列 网格列 网格行 CSS单位 fr 雷姆 任务 预览:花点时间了解您实际需要做什么。 Wireframes.pdf指示随着屏幕尺寸的变化应采用的布局。 随附的屏幕截图可帮助您使用已实现的字体形象化浏览器中的外观。 仔细检查HTML和父子关系。 我建议为自己创建一个小轮廓和/或用相应的标记注释线框,包括类名和ID之类的内容。 小屏幕:提示,您无需执行任何操作。 小屏幕设计已经完成! 这意味着所有网格代码都将在媒体查询中! 中型屏幕:为第三篇文章实施两列布局。 设计的其余部分保持为
【文件预览】:
grid_custom_module-main
----Screenshots()
--------Medium.png(278KB)
--------large.png(518KB)
----Wireframes()
--------Wireframes.pdf(78KB)
----README.md(2KB)
----index.html(2KB)
----styles.css(1KB)