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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 左右两侧的排列需要用到浮动:float
    查看全部
    0 采集 收起 来源:二列布局

    2016-04-24

  • left宽度是自适应,那么宽度按照百分比设置
    查看全部
    0 采集 收起 来源:二列布局

    2016-04-24

  • 两列布局的制作:先建两个div
    查看全部
    0 采集 收起 来源:二列布局

    2016-04-24

  • 预览时效果其实是一样的,预览时效果其实是一样的。 font-weight和strong的使用,最好从他的语义出发考虑。 现在xhtml是很讲究语义,font-weight是单纯的加粗,而strong它起到突出、强调的作用。 所以我是这样使用它们的: 1、对于一般的,或者为了适应排版的美观而加粗的,并没有特别的含义的文档的加粗,这时候用font-weight; 2、对于重要的标题、或者是关键字的加粗,使用strong;
    查看全部
    0 采集 收起 来源:编程练习

    2016-04-24

  • text-align:center文本居中对齐
    查看全部
    0 采集 收起 来源:编程练习

    2016-04-24

  • 如何让底部红棕褐色居中,在.foot处加上margin:0 auto;
    查看全部
    0 采集 收起 来源:一列布局

    2016-04-24

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>布局</title> <style type="text/css"> body{margin:0;padding:0;} .top{height:100px;background:blue;} .main{width:800px;height:300px;background:#ccc;margin:0 auto;} .foot{width:800px;height:100px;background:#900;} </style> </head> <body> <div class="top"></div> <div class="main"></div> <div class="foot"></div> </body> </html> 显示:顶部蓝色布满整个浏览器顶部 中间是灰色,居中 底部是红棕褐色,没有居中,在左侧。
    查看全部
    0 采集 收起 来源:一列布局

    2018-03-22

  • .top宽度没有定义就是一个充满浏览器页面的顶部
    查看全部
    0 采集 收起 来源:一列布局

    2016-04-24

  • 全选:ctrl+a 保存:ctrl+s 复制:ctri+c 粘贴:ctrl+v <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>布局</title> <style type="text/css"> body{margin:0;padding:0;} .main{width:800px;height:300px;background:#ccc;margin:0 auto;} </style> </head> <body> <div class="main"> </div> </body> </html>
    查看全部
    0 采集 收起 来源:一列布局

    2018-03-22

  • 怎样让单列布局的布局居中给?输入一个margin:0 aoto,margin:0上下方向的,auto是左右方向的 上下页面空白为 0px 左右页面空白自适应并且相等 可以达到横向居中的效果
    查看全部
    0 采集 收起 来源:一列布局

    2016-04-24

  • 单列布局: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>布局</title> <style type="text/css"> body{margin:0;padding:0;} .main{width:800px;height:300px;background:#ccc;} </style> </head> <body> <div class="main"> </div> </body> </html>
    查看全部
    0 采集 收起 来源:一列布局

    2018-03-22

  • 如何用CSS进行网页布局 ? 一列布局不适合放置多行文字。一列布局最多都是固定宽度的 <div></div>单列布局的元素 body{margin:0;padding:0;}清除默认样式
    查看全部
    0 采集 收起 来源:一列布局

    2018-03-22

  • 什么叫做布局? 又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合。将理性的思维个性化的表现出来,是一种具有个人风格和艺术特色的视觉传达方式。传达信息的同时,也传达感官上的美感。 版式设计范围涉及到了报刊、杂志、书籍装帧、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计等各个领域。 网页设计的特点:1.网页可以自适应宽度 2.网页的长度理论上没有限制 常见的网页布局:头部 主体部分 底部 分栏又称为分列,常见的布局为:一列布局、二列布局、三列布局、混合布局 作为前端设计师,应该如何应用CSS,利用浮动、定位等完成UI设计中的布局要求
    查看全部
    0 采集 收起 来源:内容简介

    2016-04-24

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

    2016-04-24

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

    2016-04-23

举报

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

微信扫码,参与3人拼团

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

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