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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 布局实际上市块与块之间的关系,它们存在于三种状态: ①块挨着块; ②块嵌套着块; ③块压着块。 1.混合布局:我们可以把一列布局加入“左”和“右”改造为混合布局。 2.在中部mian中加入子div 分别是(左,右)。 然后分别在style中加入“.left和.right”的样式! 3.注“left和right”都要加浮动“float” 4.还可以在混合布局下进行更复杂的混合布局 5.可以将right定义为sub_right和sub_right 分为化为更为密集的混合布局
    查看全部
    0 采集 收起 来源:混合布局

    2016-03-18

  • 三列布局
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-18

  • 三列布局,两边固定,中间自适应; 方法:两边用绝对定位,中间设置margin; .left{ width:300px;position:absolute;left:0 } .main{margin:0 300px 0 200px;} .right{width:200;position:absolute;right:0;}
    查看全部
    0 采集 收起 来源:三列布局

    2016-03-18

  • 养成定义样式前清楚默认样式的好习惯 通过代码body{margin:0;padding:0}实现 两列布局: 1、宽度自适应(用的比较少), 1.1因为宽度要自适应,所以要设置左侧left的width:xx%;1.2,需要左右排列,所以设置float:left;1.3另一侧right也设置width和float(left和right都可以吧,再微调) 2、固定宽度(☆☆☆☆☆)left和right增加一个父div#main,设置这个main的width,以及margin 0 auto;2.1如果要精确控制left和right的宽度,可以使用px【就是说也可以使用%粗略控制。】
    查看全部
    0 采集 收起 来源:二列布局

    2016-03-18

  • {margin:o auto} margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right 因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)
    查看全部
    0 采集 收起 来源:一列布局

    2016-03-18

  • 网页布局:又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合,将理性的思维个性的化的表现出来,是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长 3:页面为:头部,主体部分,底部。 分栏又称为分列:一列布局 二列布局 三列布局 以及混合布局(用的最多) 布局通过 浮动和定位来完成(实现ui界面效果
    查看全部
    0 采集 收起 来源:内容简介

    2016-03-18

  • main为什么要设置相对定位?
    查看全部
    0 采集 收起 来源:编程挑战

    2016-03-18

  • 相对定位(position:relative),不可以脱离文本流
    查看全部
    0 采集 收起 来源:评测题目

    2016-03-18

  • 相对定位(position:relative),不可以脱离文本流
    查看全部
    0 采集 收起 来源:评测题目

    2016-03-17

  • {margin:o auto}
    查看全部
    0 采集 收起 来源:一列布局

    2016-03-17

  • 混合布局
    查看全部
    0 采集 收起 来源:混合布局

    2016-03-17

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

    2016-03-17

  • float和绝对定位:absolute 可使元素脱离文档流
    查看全部
    0 采集 收起 来源:评测题目

    2016-03-17

  • 这道题问的有点蒙
    查看全部
    0 采集 收起 来源:评测题目

    2016-03-17

  • 什么是布局?版面布局。网页布局跟传统的纸媒布局有什么不同;它突破面积的限制,并且宽度还能自适应。常用的布局有一列,两列,三列布局。真实项目一般都是混合布局。 怎么去定义前端工程师这个工作?是通过css等技术手段将技术和艺术完美结合在一起。是不是每个工作的人都会这样安慰自己。。。教师还是人类灵魂工程师呢!
    查看全部
    0 采集 收起 来源:内容简介

    2016-03-17

举报

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

微信扫码,参与3人拼团

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

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