新手学习web第六弹

4.9
今天我们学习了web中的新知识点,框架设置,页面布局

页面布局
含义
所谓页面布局就是给内容“排座位,划分区域”,决定页面里各个元素放哪、多大、怎么对齐、怎么适配不同屏幕

核心作用
定结构:把标题、导航、内容、侧边栏、页脚等模块划分区域,让页面有清晰骨架。

控位置:规定元素是左/中/右、横排/竖排、是否浮动、是否重叠。

管尺寸:控制宽度、高度、间距、内外边距,保证整齐不拥挤。

做适配:在电脑、平板、手机等不同设备上自动调整,保证可用好看。

提体验:引导视觉流,突出重点,降低阅读/操作成本

学会了左右布局

左右结构布局



左部

右部

上下布局 上下结构布局
上部
下部
T型布局 T型布局


上部


下部左

下部右


posted @ 2026-07-09 09:10  寐式  阅读(2)  评论(0)    收藏  举报