给大家带来阔别CSS BUG 只管坚持代码有语义
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。信任人人关于罕见CSSBUG的处置已绝对对照熟习,比方:IE6ThreePixelGap、IE5/6DoubledFloat-MarginBug等等。但经常我们也会碰着庞大的CSSBUG成绩,所谓“庞大”本色是指触发的前提很庞大,而“BUG”也并不是指必定是扫瞄器的BUG。关于此类成绩,我们起首要办理的是怎样定位到成绩,只要疾速的定位到成绩,才干更好的办理成绩。
关于疾速定位,团体的履历处置一样平常以下(基础能够定位到我在淘宝碰到的90%以上的庞大CSSBUG成绩):
1、反省页面的标签是不是闭合
不要小视这条,大概折腾了你两天都没有办理的CSSBUG成绩,却仅仅源于这里。究竟页面的模板一样平常都是由开辟来嵌套的,而他们很简单犯此类成绩。
快速提醒:能够用Dreamweaver翻开文件反省,一样平常没有闭合的标签,会黄色背景高亮。
2、款式扫除法
有些庞大的页面大概加载了N个外链CSS文件,那末逐一删除CSS文件,找到BUG触发的详细CSS文件,减少锁定的局限。
关于方才锁定的成绩CSS款式文件,逐行删除详细的款式界说,定位到详细的触发款式界说,乃至是详细的触发款式属性。
3、模块确认法
偶然候我们也能够从页面的HTML元素动身。删除页面中分歧的HTML模块,寻觅到触提问题的HTML模块。
4、反省是不是扫除浮动
实在有很多的CSSBUG成绩是由于没有扫除浮动酿成的。养成优秀的扫除浮动的习气是需要的,保举利用无分外HTML标签的扫除浮动的办法(只管制止利用overflow:hidden;zoom:1的相似办法来扫除浮动,会有太多的限定性)。
5、反省IE下是不是触发haslayout
良多的IE下庞大CSSBUG都与IE独有的haslayout互相关注。熟习和了解haslayout关于处置庞大的CSSBUG会事半功倍。保举浏览old9翻译的《Onhavinglayout》(假如没法翻越穿越巨大的GFW,可浏览蓝色上的转帖)
快速提醒:假如触发了haslayout,IE的调试工具IEDeveloperToolbar中的属性中将会显现haslayout值为-1。
6、边框背景调试法
故名思议就是给元素设置显眼的边框大概背景(一样平常玄色或白色),举行调试。此办法是最经常使用的调试CSSBUG的办法之一,关于庞大BUG仍旧合用。经济实惠还环保^^
最初想给人人夸大一点的是,养成优秀的誊写习气,削减分外标签,只管语义,切合尺度,实在能够为我们削减良多分外的庞大CSSBUG,更多的时分实际上是我们本人给本人打造了贫苦。但愿人人阔别BUG,生存愈来愈优美。
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
页:
[1]