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

企业网站综合布局实战

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

    2015-04-27

  • 基础知识-盒子模型
    查看全部
    0 采集 收起 来源:盒子模型

    2015-04-27

  • ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 其他解决方法可以参照上面的评测题
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-27

  • .clear{clear:both;height:0;overflow:hidden;}
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-27

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

    2015-04-26

  • Mark
    查看全部
    0 采集 收起 来源:练习题

    2015-04-26

  • 重新设置超链接属性
    查看全部
  • clear 清除浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2015-04-25

  • 恭喜您,你已经掌握此技能
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-25

  • 图片列表外面,包裹一个class为pic的div
    查看全部
  • 焦点图初始化的ID
    查看全部
  • 搞定,花了好多时间 ⊙﹏⊙ 代码本地写的,贴的时候,引入的文件路径肯定不对,不再改了(>﹏<)
    查看全部
    0 采集 收起 来源:编程挑战

    2015-04-24

  • 页面分布
    查看全部
  • 编程练习 小伙伴们,根据所学知识,实现如下图所示的简单两列布局,整个页面宽度为960px,背景颜色为#CFF。左侧盒子宽度为740px,背景颜色为#C9F,右侧盒子宽度为210px,背景颜色为#FCF。左侧和右侧盒子的高度均为300px。 效果图: 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。 任务 一、在右侧代码的body标签中添加一个div,设置其class属性为mainBox。 二、在mainBox中添加两个div,其class属性分别为leftBox和rightBox。 三、在右侧代码的</head>之前,分别定义类选择器mainBox、leftBox、rightBox,并按照题目要求定义其CSS样式。 提示: 1.根据任务要求设置相关CSS样式 2. leftBox和rightBox需要嵌套在mainBox中 注意:leftBox和rightBox设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开。 解决的方法: ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 其他解决方法可以参照上面的评测题
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 盒子的高度和宽度
    查看全部
    0 采集 收起 来源:盒子模型

    2015-04-24

举报

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

微信扫码,参与3人拼团

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

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