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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • (1)在线代码测试工具:http://www.lvyestudy.com/tools/run_code.aspx; (2)在线调色板:http://www.lvyestudy.com/tools/color_picker.aspx; (3)CSS3圆角生成器:http://www.lvyestudy.com/tools/border_radius.aspx
    查看全部
    0 采集 收起 来源:练习题

    2016-09-11

  • 清除默认样式:;body{margin:0;padding:0} 1.通常用于首页; 2.居中:{margin:0 auto;} 3.典型单列布局:头部top 主体main 尾部foot 三个<div>
    查看全部
    0 采集 收起 来源:一列布局

    2018-03-22

  • 很有用
    查看全部
    0 采集 收起 来源:编程挑战

    2016-09-10

  • 浮动(float)和 绝对定位(position:absolute),可以让元素脱离文档
    查看全部
    0 采集 收起 来源:评测题目

    2016-09-10

  • body{margin:0;padding:0}清除样式
    查看全部
    0 采集 收起 来源:二列布局

    2016-09-10

  • 宽度自适应 就是width:100%
    查看全部
    0 采集 收起 来源:编程挑战

    2016-09-10

  • qieji
    查看全部
    0 采集 收起 来源:编程挑战

    2016-09-10

  • margin:0 auto;是块状元素的居中对齐方式, text-align:center;是内联元素(如,a,img标签)的对齐方式, padding:0;margin:0;是做为初始化页面, 原因是页面在被各个浏览器读取时的理解不同产生不同的展示效果,所以需要清除.
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-10

  • 代码具体如下
    查看全部
    0 采集 收起 来源:实践题

    2016-09-09

  • 代码具体如下
    查看全部
    0 采集 收起 来源:编程挑战

    2016-09-09

  • aaa
    查看全部
    0 采集 收起 来源:编程挑战

    2016-09-09

  • 三列布局: 1、自适应宽度:设置左:float:left;中:float:left;右:float:right; 2、左右固定宽度,中间自适应宽度:取消float,用position:absolute实现 左:width:200px;position:absolute;left:0;top:0; 右:width:300px;position:absolute;right:0;top:0; 中:margin:0 300px 0 200px;(上 右 下 左),如果需要与两侧之间有间距,只需要改变margin即可;
    查看全部
    0 采集 收起 来源:三列布局

    2016-09-09

  • <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top,.foot{width:100%;height:50px;background:red;} .main{width:960px;height:600px;background:blue;margin:0 auto;position:relative;left:0;} .left{width:200px;height:600px;background:#a2f;position:absolute;left:0;top:0;} .right{margin-left:210px;background:#a6ba2f;height:600px;} .foot{background:yellow;} </style> 方法一: 使用定位的方式解决!设置mian 相对定位 然后设置left 绝对定位!
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 存在着三种关系: 块挨着块 块嵌套着块 块叠压着块
    查看全部
    0 采集 收起 来源:混合布局

    2016-09-08

  • 三列布局: 1、自适应宽度:设置左:float:left;中:float:left;右:float:right; 2、左右固定宽度,中间自适应宽度:取消float,用position:absolute实现 左:width:200px;position:absolute;left:0;top:0; 右:width:300px;position:absolute;right:0;top:0; 中:margin:0 300px 0 200px;(上 右 下 左),如果需要与两侧之间有间距,只需要改变margin即可;
    查看全部
    0 采集 收起 来源:三列布局

    2016-09-08

举报

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

微信扫码,参与3人拼团

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

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