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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 让元素脱离文档流:浮动(float)和绝对定位(position:absolute) 文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序)
    查看全部
    0 采集 收起 来源:评测题目

    2015-02-24

  • 网页设计特点(相对纸媒来说) 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长
    查看全部
    0 采集 收起 来源:内容简介

    2015-02-24

  • 自适应高度和宽度
    查看全部
    0 采集 收起 来源:编程挑战

    2015-02-24

  • 清除默认样式: body{margin:0;padding:0}
    查看全部
    0 采集 收起 来源:二列布局

    2015-02-20

  • 总结: 脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。
    查看全部
    0 采集 收起 来源:评测题目

    2015-02-17

  • A floated box is laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content can flow down the right side of a left-floated box and down the left side of a right-floated box
    查看全部
    0 采集 收起 来源:评测题目

    2015-02-17

  • 一列布局 一般都是单行文本 固定宽度
    查看全部
    0 采集 收起 来源:一列布局

    2015-02-17

  • 中间如果要实现空隙效果 注意是在margin值的原值上加值
    查看全部
    0 采集 收起 来源:三列布局

    2015-02-09

  • .footer{ height:50px; background:#9F9; clear:both;} float会对其之后的元素产生影响,用clear:both;清除浮动影响, 其实正经的清除浮动请看 http://www.cnblogs.com/hongru/archive/2010/10/06/1844855.html
    查看全部
    0 采集 收起 来源:实践题

    2015-02-08

  • position:absolute绝对定位 三列布局,两边宽度固定,中间自动适应,浮动不行,采用定位的方式 三列布局:左侧和右侧固定,中间自适应: 左侧{position:absolute;left:0;top:0} 右侧{position:absolute;top:0;right:0} 中间{margin-left:100px;margin-right:100px;}
    查看全部
    0 采集 收起 来源:三列布局

    2015-02-08

  • 三列布局,两边宽度固定,中间自动适应,浮动不行,采用定位的方式 三列布局:左侧和右侧固定,中间自适应: 左侧{position:absolute;left:0;top:0} 右侧{position:absolute;top:0;right:0} 中间{margin-left:100px;margin-right:100px;}
    查看全部
    0 采集 收起 来源:三列布局

    2015-02-04

  • 三列布局:左右固定宽度值,中间自适应。此时不能浮动布局,应该使用绝对定位 .left{position:absolute;left:0'top:0} .right{position:absolute;right:0;top:0} .middle{margin值} 单列布局:居中显示:margin:0 auto; 二列布局:float:left;float:right; 三列布局:每一个宽度为33.3%,中间的也要写float:left;或者用绝对定位position:absolute,=
    查看全部
    0 采集 收起 来源:三列布局

    2015-02-03

  • 下面哪两个css设置,可以让元素脱离文档流:浮动(float)和 绝对定位(position:absolute)
    查看全部
    0 采集 收起 来源:评测题目

    2015-02-03

  • Div{width:800px; height:500px; margin:0 auto},上面这段样式,可以让div在页面的:居中
    查看全部
    0 采集 收起 来源:练习题

    2015-02-03

  • 自适应宽度和固定宽度
    查看全部
    0 采集 收起 来源:二列布局

    2015-02-02

举报

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

微信扫码,参与3人拼团

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

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