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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 块状元素居中{margin:0 auto;}0为上下高度,auto为左右自适应
    查看全部
    0 采集 收起 来源:一列布局

    2017-09-12

  • 此时不能用float,而应该用pisition定位
    查看全部
    0 采集 收起 来源:三列布局

    2017-09-11

  • 块状元素居中{margin:0 auto;}0为上下高度,auto为左右自适应
    查看全部
    0 采集 收起 来源:一列布局

    2017-09-11

  • 一列布局,如果放置多行文本很容易串行
    查看全部
    0 采集 收起 来源:一列布局

    2017-09-11

  • 左侧固定宽度,右侧自适应,两栏自适应高度
    查看全部
    0 采集 收起 来源:编程挑战

    2017-09-09

  • 网上看到的用margin负值写的一种3列布局,(#^.^#)
    查看全部
    0 采集 收起 来源:编程练习

    2017-09-09

  • .main{position:relative;}
    查看全部
    1 采集 收起 来源:编程挑战

    2017-09-05

  • Div{width:800px; height:500px; margin:0 auto} 页面居中
    查看全部
    0 采集 收起 来源:练习题

    2017-09-05

  • .top{height:100px;background:#ccc;} .main{background:#000;height:600px;} .left{width:200px;background:blue;height:600px;} .right{width: 100%;background:red;margin:0 0 0 210px; height:600px;position: absolute;} .foot{height:50px;background:#9cf;}
    查看全部
    0 采集 收起 来源:编程挑战

    2017-09-05

  • margin:0 auto(居中) float:left(使div左浮动) float:right(使div右浮动) clear:both(清除浮动)
    查看全部
    1 采集 收起 来源:实践题

    2017-09-05

  • 一列布局 一般固定宽度
    查看全部
    0 采集 收起 来源:一列布局

    2017-09-04

  • very important!!!
    查看全部
    0 采集 收起 来源:三列布局

    2017-09-04

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

    2017-09-04

  • 1、宽度自适应:不设置宽度; 2、样式加载:样式按从上往下排序,写在前面的先加载; 3、兼容ie6:不能用浮动float,只能先设置父元素main为相对定位relative作为参照定位,后设置其子元素(right、left)为绝对定位absolute,并设置其具体位置。 */ /* 1、如不给right设置外边距margin,则其自适应宽度会与其中的文字同宽; 2、由于left的width为200px,则right的margin-left为210px,因此right与left的间隔为10px; 3、由于right为main的首个子元素,因此默认叠加在main上面,无需设置绝对定位。
    查看全部
    0 采集 收起 来源:编程挑战

    2017-09-03

  • 混合布局 1列布局margin,2列布局float,3列布局position 1、块挨着块 2、块嵌套着块 3、块叠着块 1.混合布局:我们可以把一列布局加入“左”和“右”改造为混合布局。 2.在中部mian中加入子div 分别是(左,右)。 然后分别在style中加入“.left和.right”的样式! 3.注“left和right”都要加浮动“float” 4.还可以在混合布局下进行更复杂的混合布局 5.可以将right定义为sub_right和sub_right 分为化为更为密集的混合布局
    查看全部
    0 采集 收起 来源:混合布局

    2017-09-03

举报

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

微信扫码,参与3人拼团

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

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