仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 979|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:破洛洛搜集CSS兼容性技能年夜全(二)

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:17:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
破洛洛文章简介:6.DIV浮动IE文本发生3象素的bug右边工具浮动,右侧接纳外补钉的右边距来定位,右侧工具内的文本会离右边有3px的间距.#box{float:left;width:800px;}#left{float:left;width:50%;}#right{width:50%;}*html#left{margin-right:-3px;//这句是关头}7.IE捉迷
  6.DIV浮动IE文本发生3象素的bug
  右边工具浮动,右侧接纳外补钉的右边距来定位,右侧工具内的文本会离右边有3px的间距.
  #box{float:left;width:800px;}
  #left{float:left;width:50%;}
  #right{width:50%;}
  *html#left{margin-right:-3px;//这句是关头}
  

  

  

  

  7.IE捉迷躲的成绩
  当div使用庞大的时分每一个栏中又有一些链接,DIV等这个时分简单产生捉迷躲的成绩。
  有些内容显现不出来,当鼠标选择这个地区是发明内容的确在页面。办理举措:对#layout利用line-height属性大概给#layout利用流动高和宽。页面布局只管复杂。
  8.float的div闭合;扫除浮动;自顺应高度
  ①比方:<#divid=”floatA”><#divid=”floatB”><#divid=”NOTfloatC”>这里的NOTfloatC其实不但愿持续平移,而是但愿往下排。(个中floatA、floatB的属性已设置为float:left;)
  这段代码在IE中毫无成绩,成绩出在FF。缘故原由是NOTfloatC并不是float标签,必需将float标签闭合。在<#divclass=”floatB”><#divclass=”NOTfloatC”>之间加上<#divclass=”clear”>这个div必定要注重地位,并且必需与两个具有float属性的div同级,之间不克不及存在嵌套干系,不然会发生非常。而且将clear这类款式界说为为以下便可:.clear{clear:both;}
  ②作为内部wrapper的div不要定逝世高度,为了让高度能主动顺应,要在wrapper内里加上overflow:hidden;当包括float的box的时分,高度主动顺应在IE下有效,这时候候应当触发IE的layout公有属性(万恶的IE啊!)用zoom:1;能够做到,如许就到达了兼容。
  比方某一个wrapper以下界说:
  .colwrapper{overflow:hidden;zoom:1;margin:5pxauto;}
  ③关于排版,我们用得最多的CSS形貌大概就是float:left.有的时分我们必要在n栏的floatdiv前面做一个一致的背景,比如:
  

  

  

  

  

  好比我们要将page的背景设置成蓝色,以到达一切三栏的背景色彩是蓝色的目标,可是我们会发明跟着leftcenterright的向下拉长,而page竟然保留高度稳定,成绩来了,缘故原由在于page不是float属性,而我们的page因为要居中,不克不及设置成float,以是我们应当如许办理
  

  

  

  

  

  

  

  再嵌进一个floatleft而宽度是100%的DIV办理之
  出处:web前端北风
  义务编纂:bluehearts
</p>
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了
因胸联盟 该用户已被删除
沙发
发表于 2015-1-17 21:28:01 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
再现理想 该用户已被删除
板凳
发表于 2015-1-26 23:07:37 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
飘飘悠悠 该用户已被删除
地板
发表于 2015-2-5 06:59:43 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
莫相离 该用户已被删除
5#
发表于 2015-3-2 03:44:39 | 只看该作者
可以使用 CSS 检查工具进行设计。
乐观 该用户已被删除
6#
发表于 2015-3-11 04:45:04 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
柔情似水 该用户已被删除
7#
发表于 2015-3-17 22:16:33 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
兰色精灵 该用户已被删除
8#
发表于 2015-3-25 10:10:06 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-26 07:42

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表