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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 编程练习 小伙伴们,学习完《使用绝对定位实现横向两列布局》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-26

  • 在元素未设置偏移量的情况下:无论是否存在已定位的祖先元素,都保持在元素初始位置。 当一个元素设置绝对定位没有设置宽度时,其宽度会根据内容来调节。
    查看全部
    0 采集 收起 来源:绝对定位

    2015-01-26

  • 编程练习 小伙伴们,学习完《横向两列布局》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-26

  • 编程练习 小伙伴们,学习完《自动居中一列布局》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。 任务 任务1:请补充代码使#wrap自动居中,且上下外边距为0px; 任务2:请补充代码使#mainbody和#footer宽度以父包含块宽度为准自适应;
    查看全部
  • 编程练习 小伙伴们,学习完《盒子模型》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。 任务 任务1.请补充使.content上内边距为44px,左右及下内边距均为15px; 任务2.请补充使.book中的图片添加上1px 的#b1adaa色实线边框; 任务3.请设置.book中的图片上下外边距为10px,左右外边距为18px; 最终效果如下图所示:
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-26

  • 自动居中不得不知的知识 W3c标准 是有万维网联盟指定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为标准语言(DOM和ECMAScript) 倡导是结果、样式、行为分离。 CSS他拥有3中定位机制(标准文档流:NORMAL flow)浮动:(Floats) 绝对定位(Absolute positioning)离不开这3种定位机制 标准文档流特点:从上到下 从左到右,输出文档内容。由块级元素和行级元素组成。 什么时刻块级元素特点:从左到右撑满页面,独占一行,触碰到页面边缘时,会走动换行。 常见块级标签:div、ul、li、dl、dt、p。。。 行级元素标签能在同一行现实,不会改变网页文档的样式独占一行。 span、strong、img、input。。。
    查看全部
  • 盒子模型尺寸
    查看全部
    0 采集 收起 来源:盒子模型

    2015-01-25

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

    2015-01-25

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

    2015-01-25

  • z-index属性:空间层堆叠。 绝对定位:设置偏移量 无已定位祖先元素,以<html>为偏移参照基准 有已定位祖先元素,以距离其最近的已定位祖先元素为偏移量参照基准
    查看全部
    0 采集 收起 来源:绝对定位

    2018-03-22

  • 相对定位(relative): 1.相对于自身原有的位置进行偏移; 2.仍处于标准文档流中; 3.随即拥有偏移属性和z-index属性;
    查看全部
    1 采集 收起 来源:相对定位

    2015-02-01

  • 绝对定位可以实现: *横向多列布局及较为复杂的定位 *带有遮罩层效果的提示框 *固定层效果 *全屏广告等~~ position拥有三种定位形式:1、静态定位 2、相对定位 3、绝对定位 可以设置四个属性值:1.static(静态定位)2.relative(相对定位)3.absolute(绝对定位)4.fixed(固定定位)
    查看全部
  • float属性有三个值:left、right和none,设置浮动属性的元素会对紧邻其后的元素进行影响。
    查看全部
    0 采集 收起

    2015-01-25

  • 清除浮动时,只设置宽度不行,必须设置overflow:hidden;才能实现清除浮动的效果
    查看全部
    0 采集 收起 来源:练习题

    2015-01-25

  • 当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动。 ***制作网页的时候div的高度一般不需要设置 ,因为 隐藏属性一旦超过了设定的高度,后面的内容就没办法显示了***
    查看全部
    1 采集 收起 来源:横向两列布局

    2015-01-31

举报

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

微信扫码,参与3人拼团

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

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