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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • clear:both width:100% overflow:hidden
    查看全部
  • 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both;
    查看全部
    1 采集 收起 来源:编程练习

    2016-10-26

  • W3C标准:由万维网联盟制定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为标准语言(DOM和)ECMAScript) 倡导结构,样式,行为分离
    查看全部
  • 清除浮动的常用两种方法: 1.clear:both(clear:left或clear:right) 2.为元素设置width:100%(或固定宽度)+overflow:hidden;
    查看全部
  • 结构化标准语言(HTML和XML) 表现标准语言(CSS) 标准文档流(Normal flow): 从上到下,从左到右,输出文档内容; 由块级元素和行系元素组成. 浮动(Floats) 绝对定位(Absolute positioning) 行为标准语言(DOM和ECMAScript)
    查看全部
  • 目前均支持主流浏览器,希望老师在讲解视频的时候以主流浏览器作为测试标准。现在使用IE系列的都比较少了,最低的浏览器也是比较低的IE8以上。老师讲解很细心,到位。目前的CSS和CSS3这样的样式布局对于IE浏览器有很多的限制,很多的新的标准样式显示不出来,所以支持用主流浏览器作为讲解标准为好。
    查看全部
    0 采集 收起 来源:横向两列布局

    2016-10-26

  • 清除浮动两种方法1、设置宽度同时隐藏滚动条,2、clear:both
    查看全部
  • 1
    查看全部
  • 盒子3D模型 分5层 先是border(边框) 然后是content+padding(内边距) 再然后是background-image(背景图像)再然后是background-color(背景颜色) 最后是margin(外边距)
    查看全部
    0 采集 收起 来源:盒子模型

    2016-10-25

  • 一:横向两列布局的实现:这是网页布局最常见的方式之一 主要应用技能: float属性——使纵向排列的块级元素,横向排列 margin属性——设置两列之间的间距 二:当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动。 所以设置父的overflow:hiddendiv块的高度一般不需要设置,这样高度就会随着内容自动扩展。 若设置了高度,又设置了overflow:hidden,当内容超过高度的时候,就无法正常显示了
    查看全部
    0 采集 收起 来源:横向两列布局

    2016-10-25

  • 清除浮动的方法: clear:both clear:left或者clear:right
    查看全部
  • 块级元素特点
    查看全部
  • 设置了浮动,元素由外适应变为内适应
    查看全部
  • 一:横向两列布局的实现:这是网页布局最常见的方式之一 主要应用技能: float属性——使纵向排列的块级元素,横向排列 margin属性——设置两列之间的间距 二:当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动。所以设置父的overflow:hidden div块的高度一般不需要设置,这样高度就会随着内容自动扩展。若设置了高度,又设置了overflow:hidden,当内容超过高度的时候,就无法正常显示了
    查看全部
    0 采集 收起 来源:横向两列布局

    2016-10-25

  • 1.盒子模型的三位一体 第一层:border 第二层是content+padding 第三层:background-image 第四层:background-color 第五层:margin 2.盒子模型有四部分组成 1.content(内容区域) 2.padding(补白或内边距) 3.border(边框) 4.margin(外边框) 盒子的高度:height+padding*2+border*2+margin*2 盒子的宽度:width+2+padding*2+border*2+margin*2 3.自动居中 需要设置margin上下边距随便取值,左右边距auto,并且还要设置width为一个定值 4.子层以父层自适应: width:100%;
    查看全部

举报

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

微信扫码,参与3人拼团

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

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