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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 通常height自适应,不用设置
    查看全部
  • 盒子3D模型
    查看全部
    0 采集 收起 来源:盒子模型

    2017-03-02

  • 块级元素和行级元素都是盒子模型。
    查看全部
  • CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。
    查看全部
    0 采集 收起 来源:练习题

    2017-03-02

  • 盒子模型尺寸=边框(border)+外边距(margin)+内边距(padding)+盒子中的内容尺寸
    查看全部
    0 采集 收起 来源:盒子模型

    2017-03-02

  • 盒子模型 外边距margin+边框border+内边距padding+内容content 盒子3D模型 border>padding+content>background-img>background-color>margin 外边距和内边距写法:三个值代表上、左右、下;2个值代表上下、左右;一个值代表上下左右; 背景图片background:url() 坐标 重复 颜色 浮动 float:left、right、none;设置浮动后会对后面相邻的元素产生影响;而要消除这种影响,需要对受到影响的元素清除浮动,方法1:width:100%,overflow:hidden;方法2:clear:both/left/right;同时也会对父元素产生影响,消除对父元素的影响,使用width:100%,overflow:hidden。 绝对定位 position:relative/absolute/fixed 相对定位relative不脱离文档流,相对于自己正常位置偏移 绝对定位absolute脱离文档流,相对于最近的有定位属性(relative、absolute和fixed)的父元素偏移; 使用绝对定位两列布局,应用比较少,适用于一列固定宽度,另一列自适应宽度的情况。方法是父元素relative,自适应的元素absolute,应注意固定列的宽度最好大于自适应列的宽度,否则可能会出现内容溢出现象
    查看全部
    0 采集 收起 来源:盒子模型

    2018-03-22

  • 标签问题~
    查看全部
    0 采集 收起 来源:盒子模型

    2017-03-01

  • 4-4 使用绝对定位实现横向的两列布局 不常使用,使用的场合: 使用absolute(绝对定位)实现横向两列布局常用于一列固定宽度,另外一列宽度自适应的情况。 技能: a.父元素设置relative相对定位. b.自适应宽度元素设置absolute绝对定位. 固定宽度列的高度 > 自适应宽度列的高度 因为一个元素设置绝对定位后,它会脱离标准文档流,就没有办法把父元素的高度给撑开了,这个时候就需要有一个相当于柱子的东西把页面撑开,让绝对定位的元素的能在里面放的下,而不从父元素溢出导致塌陷。
    查看全部
  • 紧邻的块级元素受到影响 清除浮动应该是:clear:both;
    查看全部
    0 采集 收起 来源:编程练习

    2017-03-01

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

    2017-03-01

  • 盒子的3D模型 border (边框)+content+padding(内边距+内容) background-image(背景图 ) background-color`(背景颜色) +margin(外边距)
    查看全部
    0 采集 收起 来源:盒子模型

    2017-03-01

  • 当一个元素设置绝对定位,没有设置宽度时,元素的宽度根据内容进行调节。
    查看全部
    0 采集 收起 来源:绝对定位

    2017-02-28

  • 绝对定位——设置偏移量 偏移参照基准: 无已定位祖先元素,以<html>为偏移参照基准 有已定位祖先元素,以距其最近的已定位祖先元素为偏移参照基准
    查看全部
    0 采集 收起 来源:绝对定位

    2018-03-22

  • 受到浮动影响的元素若需要消除影响,在style里将受到浮动影响的元素加入消除浮动的方法。 列如:p{clear:both;}or p{width:100%;overflow:hidden;}
    查看全部
  • 已知一个设置了绝对定位的元素 b,位于其父元素 a 中,a 元素为静态定位,则 b 元素将以( html 元素)为基准进行偏移。 因为 a 元素为静态定位,所以要以根元素为基准进行偏移,也就是 html 元素。
    查看全部
    0 采集 收起 来源:练习题

    2017-02-28

举报

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

微信扫码,参与3人拼团

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

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