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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • code
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-13

  • 4.在父元素中添加样式width:960px;overflow:hidden;
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-13

  • 3.把父元素的设置为float
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-13

  • ②定义一个div,并设置其样式为clear:both;height:0;overflow:hidden;
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-13

  • ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置;
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-13

  • .myBox{ border:1px solid red; width:200px; height:100px; margin-top:10px; padding-left:15px; } </style> <!--在此添加一个div标签,并设置其class属性为myBox--> <div class="myBox"> Hello World! </div>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <style type="text/css"> /*在此定义相关CSS样式*/ .topList{width:300px;height:180px;border:solid 1px #E8E8E8;margin:0 auto;} .topList li{list-style-type:none;} .topList ul{padding:5px;} .topList em{width:20px;height:16px;text-align:center;color:#333;background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg)no-repeat; float:left;background-position: bottom;font-style:normal;} .top em{background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg)no-repeat;} .topList a:link,.topList a:visited{ color:black;text-decoration:none; } .topList a:hover,.topList a:active{ color:#f00;text-decoration:none; } </style>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 注意:leftBox和rightBox设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开。 解决的方法: ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-12

  • 浮动元素由于脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父元素撑开。a、b、c中所描述的三种方法均可解决此问题。
    查看全部
    0 采集 收起 来源:练习题

    2015-05-12

  • daima
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-12

  • 首页布局:设计网页,上中下三部分一步步划分
    查看全部
  • 首页布局分析:上(顶部区)、中【页面主体区([logo区]、[导航区]、[大图广告区]、[信息展示区])】、下(底部版权区)。
    查看全部
  • 列表留
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-12

  • background-position
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-12

  • fenqu
    查看全部

举报

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

微信扫码,参与3人拼团

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

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