CSS教程之疾速定位到庞大的CSS BUG成绩
凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和FLASH,所以我一直建议一个提交按钮就不要用图片带代替了。破洛洛文章简介:信任人人关于罕见CSSBUG的处置已绝对对照熟习,但经常我们也会碰着庞大的CSSBUG成绩,所谓“庞大”本色是指触发的前提很庞大,而“BUG”也并不是指必定是扫瞄器的BUG。
信任人人关于罕见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会事半功倍。
快速提醒:假如触发了haslayout,IE的调试工具IEDeveloperToolbar中的属性中将会显现haslayout值为-1。
6、边框背景调试法
故名思议就是给元素设置显眼的边框大概背景(一样平常玄色或白色),举行调试。此办法是最经常使用的调试CSSBUG的办法之一,关于庞大BUG仍旧合用。经济实惠还环保^^
最初想给人人夸大一点的是,养成优秀的誊写习气,削减分外标签,只管语义,切合尺度,实在能够为我们削减良多分外的庞大CSSBUG,更多的时分实际上是我们本人给本人打造了贫苦。但愿人人阔别BUG,生存愈来愈优美。
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
页:
[1]