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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 慕课网前端慕课网前端程无语了哦啦开玩笑局XMLmomo呃呃呃July哦哦哦6X5我5他我5咯Elly了继续走咯了5
    查看全部
    0 采集 收起 来源:练习题

    2017-03-17

  • 当一个父元素包含了多个浮动的子元素时,页面的内容设置了一个宽度,子元素的浮动确定了他们的位置,但浮动元素不会影响父元素的宽度。这样做会让父元素塌陷,从而使父元素的高度为“0”。 清除浮动: 父元素添加overflow:hidden; 或 overflow:auto; 或 子元素添加 clear:both;
    查看全部
    0 采集 收起 来源:实践题

    2017-03-17

  • width:50%总体宽度的50%
    查看全部
    0 采集 收起 来源:编程练习

    2017-03-15

  • 对于我们设置的外围容器也就是上面的.main一般不需要设置高度,上面的代码是对的,因为外围的高度最好是由里面的内容撑起来,避免出错。 在上面浮动对两个元素造成了影响,一个就是.main(父容器),由于里面的元素是浮动的脱离了文档流,所以没有撑开;第二个就是下面的.footer元素,由于之前说的main没有撑开,所以.footer 到了.header元素下面(替代浮动元素在正常文档流中的位置)。 所以需要清除浮动,一般用两种方法1,在.main{ }添加overflow:hidden 2.在.footer{}里面添加clear:both;
    查看全部
    0 采集 收起 来源:实践题

    2017-03-15

  • margin(0,auto)前面代表垂直,后面代表水平。auto代表居中的意思
    查看全部
    0 采集 收起 来源:一列布局

    2017-03-15

  • 宽度自适应 设置成100%
    查看全部
    0 采集 收起 来源:编程挑战

    2017-03-15

  • 布局分类
    查看全部
    0 采集 收起 来源:内容简介

    2017-03-15

  • 浮动(float) 绝对定位(position:absolute) 脱离文档流
    查看全部
    0 采集 收起 来源:评测题目

    2017-03-15

  • 开始就需要清除内外边距:*{margin:0;padding:0;} width为定值+margin:0 auto;->水平居中
    查看全部
    0 采集 收起 来源:一列布局

    2018-03-22

  • body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:100%;background:#aaa;} .main{width:100%;height:300px;background:red;} .left{ width:100px;height:300px;background:blue;position:absolute;} .right{height:300px;width:100%;margin-left:110px;background:green;position:absolute;} .foot{width:100%;background:orange;clear:both;}
    查看全部
    0 采集 收起 来源:编程挑战

    2017-03-15

  • 两列自适应布局:会随着浏览器窗口宽度改变。width:百分比 float,用的少,一般使用的是固定宽度的两列布局 固定宽度的两列布局:给他们加个固定宽度的父元素盒子
    查看全部
    0 采集 收起 来源:二列布局

    2017-03-15

  • 布局:网页UI设计师将有限的视觉元素进行有机排列的组合。 网页设计的特点:(纸媒和新媒体的异同出发)1:网页宽度可变,打破纸媒页面限制。2:头+内容主体(根据需要分栏)+页脚 常见布局:一列布局,两列布局,三列布局,混合布局 前端工程师:用技术将艺术设计呈现出来
    查看全部
    0 采集 收起 来源:内容简介

    2017-03-15

  • skdn
    查看全部
    0 采集 收起 来源:内容简介

    2017-03-14

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

    2017-03-13

  • 三列布局,左右用绝对定位,中间用margin
    查看全部
    0 采集 收起 来源:三列布局

    2017-03-13

举报

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

微信扫码,参与3人拼团

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

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