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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • Div{width:800px; height:500px; margin:0 auto},上面这段样式,可以让 div 在页面的:居中对齐
    查看全部
    0 采集 收起 来源:练习题

    2017-10-26

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

    2017-10-25

  • 网页布局:又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合,将理性的思维个性化的表现出来,是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 网页设计特点(相对纸媒来说) 1、网页可以自适应宽度(百分比自适应宽度) 2、网页的长度理论上可以无限延长(高度自适应) 一般是头部,主体,底部。主体一般再根据需要分栏,一般两栏或者三栏,还有可能分为更多的栏目。常见分栏方式:一、二、三、列布局,混合布局。
    查看全部
    0 采集 收起 来源:内容简介

    2017-10-23

  • 一列布局 一般用于网站首页,页面简单明了,主题突出,适合放置简单内容 因为只有一列,网页宽度较宽,所以一般不会插入多行文字,否则会比较容易串行。 一般网页上一列布局都是固定宽度的。 实现思想: 清除默认样式 设置宽度 div水平居中:margin:0 auto;
    查看全部
    1 采集 收起 来源:一列布局

    2017-10-21

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

    2017-10-20

  • jjj
    查看全部
    0 采集 收起 来源:内容简介

    2017-10-18

  • 4-1 三列布局 <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>布局</title> <style type="text/css"> body{margin:0;padding:0;} .left { width: 200px; height:500px; background:#ccc; position:absolute; left:0; top:0} .middle { height:500px;background:#999; margin: 0 300px 0 200px}/*中间快宽度自适应*/ .right {width:300px; height:500px; background:#ddd; position:absolute; right:0; top:0} <style> </head> <body> <div class="left">200px</div> <div class="middle">there is something gonna happen</div> <div class="right">300px</div> </body> </html>
    查看全部
    0 采集 收起 来源:三列布局

    2018-03-22

  • 两列布局: 【根据百分比设置使宽度自适应】 .left{width:20%;height:500px;float:left;backgroung:gray;} .right{width:80%;height:500px;float:right;backgroung:blue;}
    查看全部
    0 采集 收起 来源:二列布局

    2017-10-17

  • body{margin:0;padding:0}清除默认布局 margin:0 auto水平居中
    查看全部
    0 采集 收起 来源:一列布局

    2017-10-17

  • margin:0 auto margin外边界,上面含义:上下边界为0,左右居中auto
    查看全部
    0 采集 收起 来源:编程练习

    2017-10-17

  • 1
    查看全部
    0 采集 收起 来源:实践题

    2017-10-15

  •  浮动元素不占任何正常文档流空间,而浮动元素的定位照样基于正常的文档流,然后从文档流中抽出并尽能够远的挪动至左侧或许右侧。当一个元素脱离正常文档流后,依然在文档流中的其他元素将忽略该元素并填补其原先的空间。
    查看全部
    0 采集 收起 来源:三列布局

    2017-10-14

  • position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来
    查看全部
    0 采集 收起 来源:三列布局

    2017-10-14

  • 块状元素有一个特点之一:在不设置宽度的情况下,显示为父容器的100%。
    查看全部
    0 采集 收起 来源:三列布局

    2017-10-14

  • body{margin:0;padding:0}清除默认布 margin:0 auto;水平居中
    查看全部
    0 采集 收起 来源:一列布局

    2017-10-09

举报

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

微信扫码,参与3人拼团

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

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