作为一个非前端设计的web开发爱好者,css水平可以不高,但是不懂CSS原理在使用的时候就麻烦了...领导说那个谁开发的界面怎么在我这里是乱的(老板用的是IE6或者所谓的360安全浏览器),在我这里正常啊,开发人员回到到(用的是firefox)。这是时候不懂css原理的就是郁闷的时候了。为了应付上面的情况,于是这段时间补了CSS知识,下面就算记录一下从《精通CSS高级web标准解决方案》获得的非CSS技术方面的知识。
1.“CSS难以掌握”的误解并非来源于语言本身,而是由于为了让站点在老式浏览器上工作正常需要很多措施。关于bug的信息很难找到,而且又缺乏文档记录,应此bug常常被误解。
2.我们都知道浏览器是有bug的,而且有的浏览器少,有的浏览器多。当css开发人员在自己的代码中遇到问题时,他们往往马上就认为这是浏览器bug(这不是说的我嘛)。但是浏览器bug并没有一般人认为的那么常见。最常见的css问题并非来源于浏览器bug,而是来源于对css规范的理解不完善。为了避免这些问题,在处理css bug时最好假设自己做错了什么事,只有在确定这不是自己的错之后,才应该考虑问题是否是浏览器bug的结果。
3.许多bug是由于过分复杂的HTML或CSS造成的。因此,应该尽可能使用简单的代码实现所需的结果。因为实现同一个效果有许多种方法,在花费数小时调试某种技术之前,因该考虑是否可以采用另一种方法。只有在确认了没有解决方案的简单方法之后,才应该考虑复杂的解决方案。
第1条是说明许多人所说的bug是被误解的,第2条是解释为什么会被误解,第3条是如何解决被误解的bug。对于我这个对css原理不熟的,遇到问题就会说这是bug,这也是一种不好的心态。不能因为css有bug,就把所有的责任推到css的身上,同理在工作中,与你合作的同事可能那一点你看不惯,当遇到问题时候就想把所有的责任推到别人身上。对于第3条中的解决问题方法,可能会被认为是逃避困难,当一种方法有问题时候就换方法,这是解决问题的快捷方法特别是任务比较紧的时候,对有问题的方法求解决之法是业余时间的积累(遇到问题可以先记下来)。
------------------------------------------华丽的分界线-------------------------------------------------
放一点css技术方面的东西,reset css(缓解和避免HTML元素默认样式不一致问题,跨所有主流浏览器创建一个一致的舞台...)
分享到:
相关推荐
PNG是一种无损压缩的图像格式,支持透明度效果,但在IE6上,尤其是对于带有Alpha透明通道的PNG-24格式图片,会出现显示不正常的情况,即所谓的"PNG BUG"。 首先,我们要理解PNG图像的透明特性。PNG-8格式支持256色...
**问题描述**:在IE6中,如果上下两个`div`,上面的`div`设置了背景色,却发现下面未设置背景色的`div`也继承了背景色,这就是所谓的背景吞吃现象。 **解决方案**:使用`zoom:1`属性。 ##### 7. 注释产生的Bug **...
IE6中的一个常见问题是浮动元素的边距加倍问题,即所谓的 “双边距 bug”。为了解决这个问题,可以将浮动元素的 `display` 属性设置为 `inline`。 **示例:** ```css #floatElement { float: left; display: ...
标题与描述中所提及的知识点聚焦于CSS在不同浏览器(尤其是IE6, IE7, IE8及Firefox)中的兼容性问题及其解决方案——即所谓的“Hack”技术。在Web开发领域,由于不同浏览器对CSS的支持程度和解析方式存在差异,...
在讨论IE6的BUG及如何修复之前,有必要讲叙一些策略去避免这些恼人的问题——正所谓防患于未然 。 IE6 市场占有率 据Market Share统计,目前(2009年8月)IE6 的市场占有率为25.25%,但是其他地方的统计明显要低,为...
由于其推出时间较早,因此在现代的Web开发中,IE6遇到了许多已知的问题和缺陷,其中包括在处理图片请求时的bug。在IE6中,当使用CSS将同一图片设置为多个元素的背景时,浏览器会为每个元素发起一个新的HTTP请求来...
标题中的“margin值在IE6变成双倍”指的是在Internet Explorer 6(简称IE6)浏览器中,当设置元素的外边距(margin)时,可能会遇到一个知名的兼容性问题,即所谓的“双边距问题”(Double Margin Bug)。这个问题主要...
在早期的Internet Explorer 6(简称IE6)浏览器中,开发者常常遭遇一个令人头疼的问题,那就是所谓的"边框断线现象"。这个问题表现为在IE6中滚动页面时,某些元素的边框会出现部分不可见或者消失的情况,使得边框...
在IE6中使用float属性时,常常会出现意外的效果,例如,本应设置的margin-left为10px,但在IE6中实际显示出来却是20px,即所谓的双倍浮动BUG。 解决方法是为设置了float属性的元素添加display:inline属性。这样可以...
6. IE6躲猫猫bug IE6存在一种被称为“躲猫猫”的bug,表现为某些元素在特定条件下变得不可见。尽管IE6已经过时,但在维护老网站时仍需注意。解决该bug的方法包括使用JavaScript或CSS hack,如`*html`选择器来针对...
其中一种比较常见的问题是所谓的“双倍边界BUG”,这种BUG只会在浮动行的第一个浮动元素上出现,表现为该元素的外边距(margin)被错误地计算为两倍。 ##### 2.2 BUG延伸现象 近期发现,在特定条件下,IE浏览器中...
在网页设计中,特别是在处理与Internet Explorer(IE)浏览器兼容性相关的问题时,开发者经常会遇到各种意想不到的BUG。本文将详细探讨"按钮在IE中两边被拉伸的BUG"这一问题,以及如何解决这个问题。 首先,我们要...
所谓use after free,指的是程序尝试访问一个已经被释放的对象,这可能导致内存破坏,并被利用来执行恶意代码。 Moti Joseph描述了微软公司每周二发布的补丁修复了哪些IE浏览器的漏洞。这些漏洞包括打印功能中的...
相信大家对于常见 CSS BUG 的处理已经相对比较熟悉,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题,所谓“复杂”实质是指触发的条件很复杂,而“BUG” ...
在CSS网页设计中,我们经常会遇到各种各样的问题,即所谓的“BUG”。下面是一些针对这些问题的解决策略,这些策略被巧妙地编成了顺口溜,帮助开发者快速记忆。 1. **IE边框若显若无**:在Internet Explorer(IE)...
3:修复各种各样的BUG,例如:input标签,通过$(xxx).attr修改type(IE678下)报错的,JQUERY也报错的,呵呵!现已修正。 4:一些语义不好的API名称,修正! 5:append createNode insertBefore 接口,纠正一个...
这个所谓的“3像素bug”并不是真正的错误,而是CSS布局特性的一种体现。 首先,让我们来理解一下line-height的作用。line-height定义了行内元素之间的垂直间距,它会影响文本的垂直对齐。当我们将一个元素的height...
7、完美解决、修正了IE6、7、8前台页面。 8、后台编辑器的兼容性IE6、7、8 9、幻灯片、公告自由添加编辑 9、在线客服建议客户自己安装百度商桥。 10.公司抬头信息图片\images\Top01.JPG ...
这个属性在处理元素尺寸变化时非常有用,但在某些特定情况下可能会出现预期之外的行为,这就是所谓的“offsetWidth bug”。 首先,让我们通过例子来理解`offsetWidth`的工作原理。当一个`div`元素的样式定义如下: ...