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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 移除属性(因为浮动影响缩成一条线):overflow:hidden
    查看全部
    0 采集 收起 来源:横向两列布局

    2015-07-07

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

    2015-07-07

  • absolute和fixed都属于绝对定位。
    查看全部
  • 块状元素高度不建议设置高度,而随着内容让其自动变化。
    查看全部
    0 采集 收起 来源:横向两列布局

    2015-07-07

  • 初始化内外填充:*{margin:0;padding:0;}
    查看全部
    0 采集 收起 来源:盒子模型

    2015-07-07

  • 图片不重复:no-repeat
    查看全部
    0 采集 收起 来源:盒子模型

    2015-07-07

  • 横向两列布局 使用absolute实现横向两列布局——常用于一列固定宽度,另一列宽度自适应的情况。 主要应用技能:relative——父元素相对定位,absolute——需要自适应宽度的元素绝对定位 *** 注意:固定宽度列的高度>自适应宽度的列
    查看全部
  • 如果设置了绝对定位的元素,其祖先元素已有定位设置,则以距离其最近的已定位祖先元素为偏移参照基准
    查看全部
    0 采集 收起 来源:绝对定位

    2015-07-07

  • 如果父元素并没有设置定位,则设置了绝对定位的元素会以<html>为偏移参照基准
    查看全部
    0 采集 收起 来源:绝对定位

    2018-03-22

  • 元素设置了相对定位,则随即拥有了偏移属性和z-index属性
    查看全部
    0 采集 收起 来源:相对定位

    2015-07-07

  • 横向两列布局 使用absolute实现横向两列布局——常用于一列固定宽度,另一列宽度自适应的情况。 主要应用技能:relative——父元素相对定位,absolute——需要自适应宽度的元素绝对定位 *** 注意:固定宽度列的高度>自适应宽度的列
    查看全部
  • 应用场合:一列定宽,一列宽度自适应 使用说明:(设置主要针对自适应的一列) 1、对其父元素进行relative 相对定位 2、对本身用 absolute 绝对定位 + 偏移基准点是父元素的位置。例如:top是本DIV距离父DIV的top的距离。
    查看全部
  • 相对定位(relative): 1.没有脱离文档流 2.是相对于自身原来的位置进行定位 绝对定位(absolute): 1.脱离了文档流 2.是相对距离最近的已定位的祖先元素为基准 3.当一个元素设置绝对定位,没有设置宽度的时候,元素宽度会根据内容自动调节.
    查看全部
    0 采集 收起 来源:绝对定位

    2015-07-07

  • 绝对定位 特点: 建立了以包含块为基准的定位。 完全脱离了标准文档流。 设置了绝对定位,元素拥有偏移属性和z-index属性。 元素未设置偏移量,特点: 无论是否存在已定位祖先元素(元素设置了相对定位,绝对定位,固定定位的任何一种),都保持在元素初始位置。 脱离标准文档流。 元素设置偏移量 偏移参照基准: ①无已定位祖先元素,以<html>为偏移参照基准。 ②有已定位祖先元素,以距其最近的已定位祖先元素为偏移参照基准。 <*** 当一个元素设置了绝对定位,但没有设置宽度时,元素宽度根据内容进行调节 ***>
    查看全部
    0 采集 收起 来源:绝对定位

    2018-03-22

  • 当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化
    查看全部

举报

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

微信扫码,参与3人拼团

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

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