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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • ...
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-29

  • 3列布局-特殊案例 左右列固定宽度,中间列自适应。 左侧绝对定位:position:absolute;left:0;top:0; 右侧绝对定位:position:absolute;right:0;top:0; 中间宽度定义去掉,定义为auto,加上左右的margin值,margin:0 310px 0 210px; 上右下左(中间空一点出的话,增加margin属性值便可以实现) 左右两侧布局固定宽度,中间部分宽度自适应。则需要采用绝对定位来实现,把左右设置为绝对定位
    查看全部
    0 采集 收起 来源:三列布局

    2015-06-28

  • 相对定位(position:relative),不可以脱离文本流
    查看全部
    0 采集 收起 来源:评测题目

    2015-06-28

  • 块挨着块 块嵌套着块 块叠压着块
    查看全部
    0 采集 收起 来源:混合布局

    2015-06-28

  • 3列布局特殊 左右列固定宽度,中间列自适应。 左侧绝对定位:position:absolute;left:0;top:0; 右侧绝对定位:position:absolute;right:0;top:0; 中间宽度定义去掉,定义为auto,加上左右的margin值,margin:0 310px 0 210px; 上右下左(中间空一点出的话,增加margin属性值)
    查看全部
    0 采集 收起 来源:三列布局

    2015-06-28

  • 查看全部
    0 采集 收起 来源:评测题目

    2015-06-28

  • 清除浮动:clear:both
    查看全部
    0 采集 收起 来源:实践题

    2015-06-27

  • 清除浮动:clear:both
    查看全部
    0 采集 收起 来源:实践题

    2015-06-27

  • 文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序)
    查看全部
    0 采集 收起 来源:评测题目

    2015-06-27

  • 相对定位(position:relative),不可以脱离文本流
    查看全部
    0 采集 收起 来源:评测题目

    2015-06-27

  • 清除浮动:clear:both
    查看全部
    0 采集 收起 来源:实践题

    2015-06-27

  • 清除浮动的常用方法:(放在受到浮动影响的标签中) 1. clear属性-常用clear:both; clear:left; 或者 clear:right 2. 同时设置width:100%(或固定宽度)+ overflow:hidden; 3. 空标签无意义,不建议使用此方法清除浮动
    查看全部
    0 采集 收起 来源:实践题

    2015-06-26

  • 两个块状元素本显示独占两行, 第一个设置了浮动会对紧邻的第二个元素产生影响, 这时需要清除浮动,清除浮动是为受到影响的元素设置, 两种方式: 1、clear:both;clear:left;clear:right; 2、width:100%;overflow:hidden;
    查看全部
    0 采集 收起 来源:实践题

    2015-06-26

  • ...
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-26

  • 在结合top、bottom、right、left等属性时,absolute以窗口做为定位,relative以自身的占位为基线做偏移。
    查看全部
    0 采集 收起 来源:三列布局

    2015-06-26

举报

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

微信扫码,参与3人拼团

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

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