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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 相对定位特点: (1)相对于自身原有位置进行偏移 (2)仍处于标准文档流中 (3)随即拥有偏移属性和z-index属性
    查看全部
    0 采集 收起 来源:相对定位

    2014-12-10

  • position属性有3种定位形式: 1.静态定位 2.相对定位 3.绝对定位 可设置4个属性值: static静态定位 relative相对定位 absolute绝对定位 fixed固定定位 absolute和fixed都属于绝对定位
    查看全部
  • 子元素设置了浮动,而父元素没有设置浮动而导致的父元素高度不能自动扩展,子元素从父元素中溢出时,适合使用width:100%(或固定宽度值)+overflow:hidden的方式来清除浮动,如果是相邻的元素是段落p受到浮动影响上移,对p设置clear:both更为合适,一般两种方式都需要设置在受到浮动影响的元素样式里
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-10

  • clear:both一般用于紧邻后面的元素的清除浮动
    查看全部
    0 采集 收起 来源:横向两列布局

    2014-12-10

  • 清除浮动常用方法: (1)clear属性:常用clear:both;或者clear:left或者clear:right (2)同时设置width:100%(或固定宽度)+overflow:hidden;
    查看全部
  • float属性有3个属性值:left左浮动、right右浮动、none不浮动 特点:元素会左移,或右移,直至碰触到容器为止。 设置了浮动的元素,仍旧处于标准文档流中。
    查看全部
  • 清除浮动时,只设置宽度不行,必须设置overflow:hidden;才能实现清除浮动的效果
    查看全部
    0 采集 收起 来源:练习题

    2014-12-10

  • float属性有三个值:left、right和none,设置浮动属性的元素会对紧邻其后的元素进行影响。
    查看全部
    0 采集 收起

    2014-12-10

  • 自动居中一列布局需要设置margin值,左右必须设置为auto
    查看全部
    0 采集 收起 来源:练习题

    2014-12-10

  • 自动居中一列布局 三个技能点:标准文档流、块级元素、margin属性
    查看全部
  • 盒子模型=网页布局的基石,由4部分组成:边框(border)、外边距(margin)、内边距(padding)、盒子中内容(content) 不同个数的值排列顺序: 三个值:上、左右、下 两个值:上下、左右 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸 一个值:上下左右
    查看全部
    0 采集 收起 来源:盒子模型

    2014-12-10

  • W3C标准由万维网联盟制定的一系列标准,包括: 1.结构化标准语言(HTML和XML) 2.表现标准语言(CSS) 3.行为标准语言(DOM和ECMAScript) css中,存在3种定位机制: 1.标准文档流(Normal flow) 2.浮动(floats) 3.绝对定位(Absolute positioning) 标准文档流特点:从上到下,从左到右,输出文档内容。由块级元素和行级元素组成。 块级元素特点:从左到右撑满页面,独占一行。触碰到页面边缘时,会自动换行 常见块级元素:即块级标签,如div,ul,li,dl,dt,p... 行级元素特点:能在同一行内显示,不会改变HTML文档结构 常见行级元素:即行级标签,如span、strong、img、input...
    查看全部
  • CSS规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。
    查看全部
    0 采集 收起 来源:练习题

    2014-12-10

  • position:absolute;定位之后,会脱离标准文档流; position:relative;则依然保持在标准文档流中; 使用absolute定位,要是他的祖先元素有使用position,则子集元素会根据他的祖级来进行定位!如果没有祖级元素则会根据<html>进行定位。
    查看全部
  • position:absolute;定位之后,会脱离标准文档流; position:relative;则依然保持在标准文档流中; 使用absolute定位,要是他的祖先元素有使用position,则子集元素会根据他的祖级来进行定位!如果没有祖级元素则会根据<html>进行定位。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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