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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 清除浮动的常用方法
    查看全部
  • *{}:全局选择器
    查看全部
    0 采集 收起 来源:横向两列布局

    2016-05-19

  • 自动居中一列布局需要设置 margin 左右值设置为 auto,而且一定要设置width为一个定值。
    查看全部
    0 采集 收起 来源:练习题

    2016-05-19

  • 盒子从第一层到第五层依次为:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 来源:练习题

    2016-05-19

  • hello
    查看全部
  • @自动居中一列布局 三个技能点:标准文档流、块级元素、margin属性。 <*** margin:0 auto; 上下外边距为0,左右外边距为auto(自动居中)***> ,auto会根据浏览器宽度自动设置两边的外边距。 <*** margin:0 auto 如果又设置了float:left或position:absolute/fixed 就没法自动居中了,会靠左***> 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
  • @盒子3D模型 Ps1:border:1px solid #fff;//简写注意:必须三个同时存在即可。 Ps2:从上到下(第1——5层) Ps3:盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸。 【温馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我,加我慕课好友,互相学习,共同进步!】
    查看全部
    2 采集 收起 来源:盒子模型

    2016-08-26

  • @盒子模型 Ps:顺时针(一个值,两个值,三个值)(上、右、下、左) 【温馨提示: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

  • position定位的3种方法,4个属性
    查看全部
  • position定位方式
    查看全部
  • 一个div里面有三个div盒子,为了将他们横向排列,将他们都向左浮动,这时他们将会集体脱离文档流,致使包含这三个容器的父级容器内部没有任何内容。如果给父级元素设置边框等样式的话就会发现,他被简化为一条线位于页面顶部,解决这种情况的方法是将父容器同样赋予float:left属性。
    查看全部
  • margin-left是基于文本流,比方浮动; 而绝对定位和固定定位脱离了标准文档流,所以用left,right,top,bottom来定位;
    查看全部
  • 已知一个设置了绝对定位的元素b,位于其父元素a中,a元素为静态定位,则b元素将以(html)为基准进行偏移 因为a元素为静态定位,所以要以根元素为基准进行偏移,也就是html元素
    查看全部
    0 采集 收起 来源:练习题

    2016-05-19

  • 盒子3D模型
    查看全部
    0 采集 收起 来源:盒子模型

    2016-05-18

举报

0/150
提交
取消
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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