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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 相对定位比较稳定,所以平时工作中,绝对定位需要有一个参照基准的时候,设置父包含块为相对定位。
    查看全部
    0 采集 收起 来源:绝对定位

    2016-06-15

  • 绝对定位的元素框没有设置宽度的情况下,会随着内容的扩展而扩展。
    查看全部
    0 采集 收起 来源:绝对定位

    2016-06-15

  • 有浮动自动居中无效果
    查看全部
  • auto解析
    查看全部
  • 通过写一个包裹层<div id="warp">把需要居中的三个层包裹,在进行整体居中
    查看全部
  • CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。 三大类:盒子模型,流模型,层模型; 流模型:标准文档流、浮动流; 层模型:相对、绝对、固定、正常; 绝对定位 与 浮动流 会将元素变为inline-block
    查看全部
    0 采集 收起 来源:练习题

    2016-06-15

  • 已知一个设置了绝对定位的元素 b,位于其父元素 a 中,a 元素为静态定位,则 b 元素将以( )为基准进行偏移。 你的答案是C,答对了! 解析 因为 a 元素为静态定位,所以要以根元素为基准进行偏移,也就是 html 元素。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-15

  • 1.border<br> 2.content+padding<br> 3.background-image<br> 4.background-color<br> 5.margin
    查看全部
    0 采集 收起 来源:盒子模型

    2018-03-22

  • 实现网页自动居中一列布局的关键代码是(): 自动居中一列布局需要设置 margin 左右值设置为 auto,而且一定要设置width为一个定值。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-14

  • 盒子模型的立体图片: 请详细观看盒子模型的立体图片(2-2小节 07:58), 从第一层到第五层依次为: border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-14

  • 自动居中一列布局 1、三个技能点: 标准文档流 块级元素 margin属性 2、在所有DIV外加上一个包裹所有的DIV(wrap),然后设置wrap的宽度和magin,magin的左右设为auto,这样就能实现页面自动居中了。 3、页面自动居中,当设置margin属性为auto的时候,不能再设置浮动或绝对定位属性。
    查看全部
  • 前端开发教程编程练习
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-14

  • 盒子模型: 1、盒子模型=网页布局的基石 2、4部分组成: 1)边框(border) 2)外边距(margin) 3)内边距(padding) 4)盒子中的内容(content) ---top、right、bottom、left 3、属性设置:(如:“margin:a b c d;”) 1)a:指四个方向 2)ab:a指上下,b指左右 3)abc:a指上,b指左右,c指下 4)abcd:上 下 左 右 4、样式表: 外部样式 内部样式 行内样式 -- 优先级:就进原则(行内样式>内部样式>外部样式) 5、盒子模型: border-->content+padding-->bacbackground-image-->background-color-->margin 6、盒子模型尺寸: 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸
    查看全部
    0 采集 收起 来源:盒子模型

    2018-03-22

  • W3C标准 1、由万维网联盟定制的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为标准语言(DOM和ECMAScript) 倡导结构、样式、行为分离 2、CSS中,存在3种的定位机制: 1)标准文档流(Normal flow) 2)浮动(Floats) 3)绝对定位(Absolute positioning) 块级元素:div、ul、li、dl、dt、p... 行级元素:span、strong、img、input...
    查看全部
  • DIV+CSS布局网页 1、常见布局: 流式布局 浮动布局 绝对定位布局 2、相关知识点: 标准文档流 盒子模型 float属性 position属性 3、三个案例: 1)自动居中一列布局案例 ---盒子模型的使用方法 2)浮动布局案例 ---float属性(解决浮动影响的方法) 3)绝对定位布局案例 ---绝对定位实现横向两列或多列布局
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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