仓酷云

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

[DIV+CSS] 给大家带来阔别CSS BUG 只管坚持代码有语义

[复制链接]
深爱那片海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:05:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
学习这篇入门教程之前,请确定你已经具有了一定的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,生存愈来愈优美。

使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
谁可相欹 该用户已被删除
沙发
发表于 2015-1-18 05:13:52 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
只想知道 该用户已被删除
板凳
发表于 2015-1-22 11:49:53 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
再现理想 该用户已被删除
地板
发表于 2015-1-31 06:45:19 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
admin 该用户已被删除
5#
发表于 2015-2-6 18:14:02 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
分手快乐 该用户已被删除
6#
发表于 2015-2-18 02:49:28 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
柔情似水 该用户已被删除
7#
发表于 2015-3-6 01:44:54 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
小女巫 该用户已被删除
8#
发表于 2015-3-12 19:44:20 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
蒙在股里 该用户已被删除
9#
发表于 2015-3-20 02:23:06 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-21 05:44

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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