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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 在盒子模型的三位立体结构图中,从第一层到第五层依次为:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 来源:练习题

    2015-07-07

  • 相对特点 特点: 相对于自身原有位置为基准进行偏移。 仍处于标准文档流中。 设置相对定位后,元素拥有了偏移属性和z-index属性。
    查看全部
    0 采集 收起 来源:相对定位

    2015-07-07

  • 盒子3d模型, 从第一层到第五层依次为:border(边框)、content(内容中心)+padding(内边距)、background-image(背景图片)、background-color(背景颜色)、margin(外边距)。
    查看全部
    0 采集 收起 来源:练习题

    2015-07-07

  • CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。
    查看全部
    0 采集 收起 来源:练习题

    2015-07-07

  • float属性或者绝对定位会使自动居中失效
    查看全部
  • 绝对定位布局:设置position属性实现的布局。 position属性,拥有3种定位形式:①静态定位;②相对定位;③绝对定位。 可设置4个属性值:static(静态定位)、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)
    查看全部
  • 横向两列布局——float、margin 父级元素没有设置浮动,若子元素(内部元素)设置有浮动,则父级元素没有办法扩展高度。 当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动(使用overflow:hidden属性 清楚前面的浮动影响)。
    查看全部
    0 采集 收起 来源:横向两列布局

    2015-07-07

  • 定位。
    查看全部
  • 1.自身位置不变 2.显示相对自身位置位置偏移 3.层堆叠
    查看全部
    0 采集 收起 来源:相对定位

    2015-07-07

  • position属性拥有三种定位形式:静态定位 相对定位 绝对定位 四个属性值:static(静态定位) relative(相对定位) absolute(绝对定位) fixed(固定定位)
    查看全部
  • 两种清除浮动方法的使用场景: 1、父元素受到浮动影响的情况,也就是子元素设置了浮动,而父元素没有设置浮动而导致的父元素高度不能自动扩展,子元素从父元素中溢出时,适合使用width:100%(或固定宽度值)+overflow:hidden的方式来清除浮动。 2、如果是相邻的块级元素受到浮动影响,对设置浮动的后一块级设为clear:both更为合适,一般两种方式都需要设置在受到浮动影响的元素样式里
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-07

  • 清除浮动的常用方法:(对受到浮动影响的元素) ①clear属性——常用clear:both; clear:left;或者clear:right;也是可以的 ②同时设置width:100%(或者固定宽度)+overflow:hidden;
    查看全部
  • 浮动布局(float):能实现横向多列布局 float属性三个值:left、right、none 特点:元素会左移或右移,直至碰触到容器边缘为止。 <** 设置了浮动的元素,仍处于标准文档流中。 **> <** 当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化。 **> <** 当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素。 **>
    查看全部
  • 第一层到第五层依次为:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 来源:练习题

    2015-07-06

  • 自动居中一列布局 三个技能点:标准文档流、块级元素、margin属性。o <*** margin:0 auto; 上下外边距为0,左右外边距为auto(自动居中)***> auto会根据浏览器宽度自动设置两边的外边距 <*** margin:0 auto 如果又设置了float:left或position:absolute/fixed 就没法自动居中了,会靠左***>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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