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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 1、使用空标签清除浮动。我用了很久的一种方法,空标签可以是div标签,也可以是P标签。我习惯用<P>,够简短,也有很多人用<hr>,只是需要另外 为其清除边框,但理论上可以是任何标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动,并为其定义CSS代 码:clear:both。此方法的弊端在于增加了无意义的结构元素。 对于使用额外标签清除浮动(闭合浮动元素),是W3C推荐的 做法。至于使用<br />元素还是空<div></div>可以根据自己的喜好来选(当然你也可以使用其它块级元素)。不过要注意的 是,<br />本身是有表现的,它会多出一个换行出来,所以要设定它的heigh为0,以隐藏它的表现。所以大多数情况下使用空<div>比较合 适。 2、使用overflow属性。此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用该方法是只需在需要清除浮动的元素中定义CSS属性:overflow:auto,即可!”zoom:1″用于兼容IE6,也可以用width:100%。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 清除浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2015-10-31

  • float浮动属性
    查看全部
    0 采集 收起 来源:浮动 float

    2015-10-31

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

    2015-10-31

  • 盒子模型2
    查看全部
    0 采集 收起 来源:盒子模型

    2015-10-31

  • 盒子模型
    查看全部
    0 采集 收起 来源:盒子模型

    2015-10-31

  • 企业网站涉及到的知识: html常用标记及属性; css基础知识,盒子模型; 三列布局; 两列自适应; javascript基础知识; jquery基础知识; 图片幻灯片切换效果
    查看全部
  • 鼠标经过事件
    查看全部
    0 采集 收起 来源:编程练习

    2015-10-31

  • 清除浮动clear
    查看全部
    0 采集 收起 来源:浮动 float

    2015-10-31

  • css中的属性设置,遵循就近和覆盖原则
    查看全部
  • 在制作网站时,为了可以看清,某些div的位置,可以通过设置div的背景色来实现
    查看全部
  • 制作网页焦点图的关键注意点
    查看全部
  • 学习焦点图 引用一个插件库(myFocus)。方法:1.引入myFocus库文件;2.引入myFocus风格文件;3.引入myFocus风格对应的样式文件; 创建myFocus标准的HTML结构。方法: <div class="BoxID"><!--BoxID与scrip中指定的myFocus内容ID一致。--> <div class="pic"><!--内容列表--> <ul> <li></li> </ul> </div>
    查看全部
  • 焦点图分类
    查看全部
  • .box { width: 宽度 height: 高度 border: 边框线 margin-left/right: 盒子之间的相互距离 左边距 右边距 padding-left/right: 控制盒子里的文字与边框的距离 遵循上下左右 }
    查看全部
    0 采集 收起 来源:盒子模型

    2015-10-30

举报

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

微信扫码,参与3人拼团

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

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