《网页设计与制作（HTML5+CSS3）》课件 项目四任务二 制作“传统建筑”页面.pptx

大美中国

制作“传统建筑”页面

CONTENTS

目录

网格布局

第一部分

网格布局

网格布局是一种强大的二维布局系统，它允许开发者通过行和列的组合来创建复杂的页面布局。在网格布局中，容器被划分为多个网格轨道，包括行轨道和列轨道。这些轨道通过网格线来分隔，网格线可以是水平的也可以是垂直的。网格项可以被放置在这些轨道形成的单元格中，并且可以跨越多个单元格。

网格布局的概念

1.应用场景

响应式网页布局

复杂页面布局

仪表盘布局

电商产品展示页面

网格容器及其属性

第二部分

网格布局

网格布局是CSS3引入的一种强大的布局系统，它允许开发者通过行和列的组合来创建复杂的页面布局。在网格布局中，