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

网页布局基础

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

    2016-06-02

  • 浏览器会添加一个默认的外边距
    查看全部
  • 在css中定位机制包括:标准流,定位和浮动 标准流:除非专门指定,否则所有元素都在标准流中定位。也就是说,标准流中的元素的位置由元素在HTML中的位置决定。块级元素从上到下一个接一个地排,列行内框在一行中水平布置。很明显这样生硬的规定是不灵活的,好比你玩俄罗斯方块不让你变换元素的方向直接堆放一样。所以,也就有了定位。 定位:又分为相对定位和绝对定位。 相对定位是指将元素从标准流中移动出来,即相对于它原来的位置进行偏移。但是它依然在标准流中占据着它原来的位置,因此相对其他元素而言它还是在原来的位置上。因此,偏移后的元素也就会覆盖在其他的元素上!那么实例代码如下,其效果如图: [css] view plain copy 在CODE上查看代码片派生到我的代码片 #box_relative { position: relative; /*relative是相对定位的关键字*/ left: 30px; top: 20px; } 绝对定位的思想是和相对定位是一样的,即移动某个元素使其出现在独立于标准流之外的地方。而区别则在于,绝对定位不再在标准流中保存元素原来的位置。也就是说,在其他元素来看它是不存在的,它移动之后原来的位置将被别的元素取代。其代码如下,效果如图: [css] view plain copy 在CODE上查看代码片派生到我的代码片 <span >#box_relative { position: absolute;/*absolute为绝对定位关键字*/ left: 30px; top: 20px; } </span> 这里因为定位的原因出现的元素覆盖的问题,Css还提供了一个属性Z-index来调整元素的叠放次序。 浮动:浮动是指把元素从表准流中独立出来,向左或者向右移动直到碰到另一个元素的边框。因为其脱离了标准流,那么在其他元素看来它就不存在了,于是它的位置会被顶替。如图所示:
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 跟几个来几句
    查看全部
    0 采集 收起 来源:练习题

    2016-06-02

  • 因为 a 元素为静态定位,所以要以根元素为基准进行偏移,也就是 html 元素。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-02

  • 在盒子模型的三位立体结构图中,背景图位于第几层( )//从第一层到第五层依次为:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-02

  • border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-02

  • 三个方向值代表(上,左右,下)两个方向值代表(上下,左右)一个方向值代表(上下左右)
    查看全部
    0 采集 收起 来源:盒子模型

    2016-06-01

  • 盒子3D模型: 边框(border)、内容和内边距(padding)、背景图像/背景颜色、外边距(margin) border:边框粗细 样式 颜色 padding:上 右 下 左 margin:1.上 右 下 左;2.上右 or 下左 or 上左 or 下右;3.上 左/右 下 背景图像/背景颜色: .book{ background:url(../images/t_book.gif) no-repeat #eff9f9;} 分析:background:url(../images/t_book.gif) -〉背景图像 #eff9f9; -〉背景颜色 no-repeat -〉不重复
    查看全部
    1 采集 收起 来源:编程练习

    2016-06-01

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

    2016-06-01

  • 要使绝对定位的元素宽度自适应 可以通过margin的外边距左右属性,限制其长度在一定范围内。
    查看全部
  • 什么样适用于绝对定位
    查看全部
  • 绝对定位——设置偏移量
    查看全部
    0 采集 收起 来源:绝对定位

    2016-06-01

  • 绝对定位——未设置偏移量<br> 宽度改变,随着内容增加而增加。
    查看全部
    0 采集 收起 来源:绝对定位

    2018-03-22

  • 相对定位特点
    查看全部
    0 采集 收起 来源:相对定位

    2016-06-01

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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