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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • absolute设置偏移量 若无父元素相对定位:将以HTML为父元素定位(body); 存在父元素定位:将最近父元素为基准定位。
    查看全部
    0 采集 收起 来源:绝对定位

    2015-06-03

  • absolute未设置偏移量存在两个特性 一,保持在元素的初始位置 二,完全脱离标准文档流
    查看全部
    0 采集 收起 来源:绝对定位

    2015-06-03

  • 自我测试
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-03

  • 项目简单自测
    查看全部
    0 采集 收起 来源:横向两列布局

    2015-06-03

  • 清除浮动 需自已整理,视频营养有限 width:100%;overflow:hidden; 或空块元素clear:both;可以借鉴
    查看全部
  • 虽为浮动,仍在标准文档流中。 浮动块元素,不宽度,则以其内content宽度为主。 注意视频显示,浮动后BOX1有一定的优先级与自己的经验相悖,需再测试
    查看全部
  • 因为 a 元素为静态定位,所以要以根元素为基准进行偏移,也就是 html 元素。
    查看全部
    0 采集 收起 来源:练习题

    2015-06-03

  • 已知一设置了绝对定位的元素b,位于其父元素a中,a元素为静态定位,则b元素将以( )为基准进行偏移。 因为a元素为静态定位,所以要以根元素为基准进行偏移,也就是html元素。 作为父元素a 为静态定位,也就是标准文档流,相当于没有设置定位 原来如此,要注意咯:position:static;也就是静态定位的祖先元素,因为它的特点是静态地,不变的,不存在偏移。所以绝对定位的基准把它排除在外了。
    查看全部
    0 采集 收起 来源:练习题

    2015-06-03

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

    2015-06-03

  • 1、块级元素占一行(div p ul li),行级元素:多个元素可显示在一行(span strong b img) 2、父层元素宽度固定,子层元素宽度设置100%(子层以父层为准自适应.) 3、盒子模型margin属性为3个值为别代表 上、左右、下;两个值代表上下、左右
    查看全部
  • 从第一层到第五层依次为:border、content+padding、background-image、background-color、margin
    查看全部
    0 采集 收起 来源:练习题

    2015-06-03

  • 从第一层到第五层依次为:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 来源:练习题

    2015-06-03

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

    2015-06-03

  • w3c标准: 由万维网联盟指定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为标准语言(DOM和ECMAScript) w3c标准是为了倡导结构、样式、行为的分离。 CSS中,存在3种的定位机制: 标准文档流(Noramal flow) 浮动(Floats) 绝对定位(Absolute positioning) 标准文档流(Normal flow)的特点: 从上到下,从左到右,输出文档内容 由块级元素和行级元素组成 块级元素的特点: 从左到右撑满页面,独占一行 触碰到页面边缘时,会自动换行 常见的块级标签,如:div,ul,li,dl,dt,p…… 行级元素特点: 能在同一行内显示 不会改变HTML文档结构 常见的行级标签:span,strong,img,input…… 块级元素和行级元素都是盒子模型 IE浏览器默认了外边距,Dreamweaver的可视窗口模拟的是IE浏览器窗口
    查看全部
  • 块级元素的自动居中margin:0 auto; 如果其脱离文档流(float relative absolute fix),则auto属性值无法实现居中效果
    查看全部

举报

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

微信扫码,参与3人拼团

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

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