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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 自顶向下,逐步细化 首页布局分析:上(顶部区)、中【页面主体区([logo区]、[导航区]、[大图广告区]、[信息展示区])】、下(底部版权区)
    查看全部
  • <!--在此添加相应的div标签--> <div class="mainBox"> <div class="leftBox"> </div> <div class="rightBox"> </div> </div> <style type="text/css"> /*在此定义相应的类选择器,并根据要求设置相关CSS属性*/ .mainBox { width:960px; height:300px; border:1px solid yellow; background-color:#CFF; } .leftBox { width:740px; height:300px; background-color:#C9F; float:left; } .rightBox{ width:210px; height:300px; background-color:#FCF; float:right; } </style>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • ie6不支持 min—height 写法_height:350px
    查看全部
  • 清除浮动clear: left:在左侧不允许浮动元素; right:在右侧不允许浮动元素; both:在左右两侧均不允许浮动元素; none:允许;
    查看全部
    0 采集 收起 来源:浮动 float

    2015-07-06

  • 浮动到普通的文档流之上
    查看全部
    0 采集 收起 来源:浮动 float

    2015-07-06

  • 浮动框脱离了文档流,不占据普通文档流的位置
    查看全部
    0 采集 收起 来源:浮动 float

    2015-07-06

  • 浮动float: 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现的就像浮动框不存在一样。
    查看全部
    0 采集 收起 来源:浮动 float

    2015-07-06

  • 盒子在页面中所占的宽度=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距; 盒子在页面中所占的高度=上边距+上边框+上填充+内容高度+下填充+下边框+下边距。
    查看全部
    0 采集 收起 来源:盒子模型

    2015-07-06

  • 在css中,widht和height指的是内容区域的宽度和高度。增加内边距,边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。
    查看全部
    0 采集 收起 来源:盒子模型

    2015-07-06

  • html常用标记及属性;css基础知识,盒子模型;三列布局;两列自适应;javascript基础知识;jquery基础知识;图片幻灯片切换效果
    查看全部
  • 头部logo区,导航区,内容展示区,底部版权区
    查看全部
  • good
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-05

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> /*在此定义相应的类选择器,并根据要求设置相关CSS属性*/ .mainBox{ width:960px; height:300px; background:#CFF; } .leftBox{ width:740px; height:300px; background:#C9F; float:left; } .rightBox{ width:210px; height:300px; background:#FCF; float:right; } </style> </head> <body> <!--在此添加相应的div标签--> <div class="mainBox"> <div class="leftBox"></div> <div class="rightBox"></div> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 整个页面通一宽度时,可添加一个父div,设定宽度后,页面其余的div就可以不用设置宽的——简化代码
    查看全部
  • 给div设置宽度,并设置margin:0 auto;上下间距是0 ,左右间距自动。可以使div在整个页面居中
    查看全部

举报

0/150
提交
取消
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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