页面布局整体思路

为了提高页面制作的效率,布局时通常有以下的整体思路:

  1. 必须要确定页面的版心(可视区),通过测量可得知
  2. 分析页面中的行模块,以及每个行模块中的列模块,页面布局第一准则
  3. 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置,页面布局第二准则
  4. 制作HTML结构,遵循先有结构,后由央视的原则, 结构最重要
  5. 先理清楚布局结构,再写代码,需要多写多积累有助于分析

网页布局总结

1.标准流

可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局

2.浮动

可以让多个块级元素一行显示或者左右对齐盒子,多个块级盒子水平显示就用浮动布局

3.定位

定位最大的他点是有层叠的概念,可以让多个盒子前后叠压来显示,如果元素自由在某个盒子内移动就用定位布局

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值