为了账号安全,请及时绑定邮箱和手机立即绑定

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 三列布局时,浮动已经乱了
    查看全部
    0 采集 收起 来源:三列布局

    2016-05-19

  • 宽度自适应时,应该去掉该属性
    查看全部
    0 采集 收起 来源:三列布局

    2016-05-19

  • margin:0 auto水平居中,定宽div
    查看全部
    0 采集 收起 来源:一列布局

    2016-05-19

  • 清除浮动影响的方法:1.main中设置overflow:hidden; 2.在footer中添加clear:both; 3. 在footer中添加width:100%;overflow:hidden;
    查看全部
    0 采集 收起 来源:实践题

    2016-05-19

  • 混合布局:在一列布局的基础上,保留top和foot部分,将中间的main部分改造成两列或三列布局(嵌套)
    查看全部
    0 采集 收起 来源:混合布局

    2016-05-18

  • 三列布局:<br> 方法一:与两列布局一样,设置浮动左、左、右,宽度为百分比<br> 方法二:此时浮动没有用,设置左右两列的宽度,中间宽度为自适应宽度;左右两列设置绝对定位,分别使其停靠在左右两侧;中间列设置margin值,左右值为左右两列宽度的值,上下为0;如果列与列之间需要间隔,则增加相应的margin值。
    查看全部
    0 采集 收起 来源:三列布局

    2018-03-22

  • 自己看看吧,我觉得呢还是要多打代码
    查看全部
    0 采集 收起 来源:编程练习

    2016-05-18

  • 两列布局: 1、自适应的两栏:用百分比设置宽度weight,浮动在左右两侧 2、固定宽度的两栏:设置父元素用宽度,子元素百分比设置或像素设置宽度weight,浮动在左右两侧
    查看全部
    0 采集 收起 来源:二列布局

    2016-05-18

  • css 网页布局: 网页设计的特点:1、网页宽度自适应 2、网页长度自适应(长度有理论上可以无限延长) 网页页面分为三部分:头部、内容主题、底部 内容主题部分分栏:一栏、两栏、三栏、混合布局
    查看全部
    0 采集 收起 来源:内容简介

    2016-05-18

  • 中间距离两边有空隙,增大值
    查看全部
    0 采集 收起 来源:三列布局

    2016-05-18

  • 三列布局,左右固定宽度,中间自适应排列在同一行,绝对定位absolute,lefttopright设置0,margin0右0左
    查看全部
    0 采集 收起 来源:三列布局

    2016-05-18

  • @一列、二列、三列、混合布局自适应问题 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:混合布局

    2016-08-26

  • @一列、二列、三列、混合布局自适应问题 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    0 采集 收起 来源:混合布局

    2016-08-26

  • 页面布局有叫板式布局 分栏又叫做分列,通常使用混合布局(头部、内容、底部)
    查看全部
    0 采集 收起 来源:内容简介

    2016-05-17

  • float:left/right 浮动,左右
    查看全部
    0 采集 收起 来源:编程练习

    2016-05-17

举报

0/150
提交
取消
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!