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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 想要混合布局,就要在相应的模块中分出上下级. <div>/*横排*/ <div>/*列*/ <div> 别忘记进行浮动; 子栏目下还可以进行分栏.就可以使中间层面变成三列结构; 在块中科分割小模块,可以变得更加详细.
    查看全部
    0 采集 收起 来源:混合布局

    2018-03-22

  • position说明: 设置对象的定位方式,可以让布局层容易位置绝对定位,控制盒子对象更加准确。 position:absolute;position:relative绝对定位使用通常是父级定义position:relative定位,子级定义position:absolute绝对定位属性,并且子级使用left或right和top或bottom进行绝对定位。 简明说:是摆脱代码的写作顺序,来控制网页中各个模块的排布。
    查看全部
    0 采集 收起 来源:评测题目

    2015-05-14

  • 二列自适应布局 1.在body中设定两个标签:<div class="left>,<div class="right">. 2.要设置左右浮动:float:left;宽度比例:width:数字%. 3.body{margin:0;padding:0}解决浏览器不兼容。 4.标签里有正副极,就是下面的样式听从上面的样式,受到第一副极限定。 5.要确定设置宽度要用到像素px,而不是百分比
    查看全部
    0 采集 收起 来源:二列布局

    2018-03-22

  • css代码写在<head></head>中,格式为:<style type="text/css"> 在<div>标签“中”写class,class即css样式的名称。 一列布局:在布局class中,加margin:0 auto,作用是:让样式水平垂直居中(可以通用于任何部分)。
    查看全部
    0 采集 收起 来源:一列布局

    2018-03-22

  • 清楚浮动 clear: both
    查看全部
    0 采集 收起 来源:实践题

    2015-05-13

  • 两列布局:自适应的两列布局:width用百分比+float; 两列布局的自适应布局一般用的比较少,用固定的比较多 固定宽度的两列布局:width:具体值/父级元素的宽度确定,width+百分比;+float; 如果没有加float的话,不能实现并排的两列布局。 div作为外联元素独占一行,使后面的元素在下一行(设置display:inline/inline-block可以达到float效果) 另外一种设置两列布局(固定宽度+自适应宽度)的方法: position:relative——父元素:相对定位(因为不设置偏移量时,它还是在原来的位置,不影响其位置) position:absolute——子元素:绝对定位(通过设置top :0;margin/left设置其与另一边的位置使其位于同行的另一侧) 注意:固定宽度的列的高度>自适应的列的高度
    查看全部
    0 采集 收起 来源:二列布局

    2018-03-22

  • 浮动float和绝对定位position:absolute 这2中形式可以让元素脱离标准文档流。 文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序)
    查看全部
    0 采集 收起 来源:评测题目

    2015-05-10

  • aaa
    查看全部
    0 采集 收起 来源:二列布局

    2015-05-08

  • 浮动float和绝对定位position:absolute 这2中形式可以让元素脱离标准文档流。 文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自上而下,自左到右的顺序)
    查看全部
    0 采集 收起 来源:评测题目

    2015-05-07

  • margin:0 310px 0 210px; margin标签属性按“上右左下”顺序书写
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-04

  • 本课程为初级课程,只要css稍微可以,此课程可以不看。
    查看全部
    0 采集 收起 来源:二列布局

    2015-05-02

  • 在body中写<div class="***"></div>确定元素,***为名字,然后在<head>中写样式,.***{width(宽度):**px;height(高度):**px;background:**} 清除样式:在<head>中加 body{margin:0;padding:0;font-size:50px} 水平居中:margin:0 auto
    查看全部
    0 采集 收起 来源:一列布局

    2018-03-22

  • 一列布局通常作为网站的首页。不适合放置多行文本。一般固定宽度。 首先,清除默认样式。 水平居中 margin:0 auto;
    查看全部
    0 采集 收起 来源:一列布局

    2015-04-28

  • 网页设计特定:宽度高度自适应,长度理论上可以无限延长,一般是头部,主体,底部。主体一般再根据需要分栏,一般两栏或者三栏,
    查看全部
    0 采集 收起 来源:内容简介

    2015-04-28

  • 布局:板式布局,网页UI设计师将有限的视觉元素进行有机的排列组合。将理性的思维个性化地表示出来。传达信息的同时有美感。
    查看全部
    0 采集 收起 来源:内容简介

    2015-04-28

举报

0/150
提交
取消
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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