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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 盒子立体模型从第一层到第五层依次为:border、content+padding、background-image、background-color、margin
    查看全部
    0 采集 收起 来源:盒子模型

    2017-03-04

  • 盒子3D模型。 最上层border 第二层content + padding 第三层background-image 第四层background-color
    查看全部
    0 采集 收起 来源:盒子模型

    2017-03-04

  • 盒子模型 外边距margin+边框border+内边距padding+内容content 盒子3D模型 border>padding+content>background-img>background-color>margin 外边距和内边距写法:三个值代表上、左右、下;2个值代表上下、左右;一个值代表上下左右; 背景图片background:url() 坐标 重复 颜色 浮动 float:left、right、none;设置浮动后会对后面相邻的元素产生影响;而要消除这种影响,需要对受到影响的元素清除浮动,方法1:width:100%,overflow:hidden;方法2:clear:both/left/right;同时也会对父元素产生影响,消除对父元素的影响,使用width:100%,overflow:hidden。 绝对定位 position:relative/absolute/fixed 相对定位relative不脱离文档流,相对于自己正常位置偏移 绝对定位absolute脱离文档流,相对于最近的有定位属性(relative、absolute和fixed)的父元素偏移; 使用绝对定位两列布局,应用比较少,适用于一列固定宽度,另一列自适应宽度的情况。方法是父元素relative,自适应的元素absolute,应注意固定列的宽度最好大于自适应列的宽度,否则可能会出现内容溢出现象
    查看全部
    0 采集 收起 来源:盒子模型

    2018-03-22

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

    2017-03-04

  • 1.什么是网页布局 网页布局是网页制作的基础,使用DIV+CSS布局网页是基础中的基础。 2.流式布局,浮动布局,绝对定位布局。相关知识点:标准文档流,盒子模型,float属性position属性。 3. 三个案例 a. 自动居中一列布局案例 - 盒子模型的使用方法 b. 浮动布局案例 - float属性/解决浮动影响的方法 c.绝对定位布局案例 - 绝对定位实现横向的两列或者多列布局。
    查看全部
  • 清除浮动时,只设置宽度不行,必须设置 overflow:hidden; 才能实现清除浮动的效果
    查看全部
    0 采集 收起 来源:练习题

    2017-03-04

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

    2017-03-04

  • 盒子模型的属性元素
    查看全部
    0 采集 收起 来源:盒子模型

    2017-03-04

  • 静态 相对 绝对 固定 绝对属于绝对
    查看全部
  • 横向两列布局 网页常见的方式 主要技能 float属性识纵向排列的快元素 横向排列 margin
    查看全部
    0 采集 收起 来源:横向两列布局

    2017-03-03

  • cl ear:both clear:left clear:right width:100% overflow hidden
    查看全部
  • 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both;
    查看全部
    0 采集 收起 来源:编程练习

    2017-03-03

  • 父级元素必必须是绝对定位absolute、相对定位relative或者固定定位fixed的,才能给绝对定位的子元素进行参照,如果父元素是静态static的,则上溯到祖父元素。。。直到找到一个非静态的祖先元素,然后就会相对于这个元素来定位,如果所有祖先元素是静态元素,则以html来进行定位。 绝对定位就是可以自己控制参照物的,那个参照物就是你设置了非静态定位的最近的父元素,如果没设置参照物,就按照html来作为参照。
    查看全部
    0 采集 收起 来源:练习题

    2017-03-03

  • 盒子3D模型。 最上层border 第二层content + padding 第三层background-image 第四层background-color 第五层margin
    查看全部
    0 采集 收起 来源:盒子模型

    2017-03-03

举报

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

微信扫码,参与3人拼团

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

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