摘要：
转自:http://www.cnblogs.com/rubylouvre/archive/2009/09/04/1559557.html一个很显浅的寓言，千年老树，电打雷劈，屹立不倒，却毁于蝼蚁的侵袭之下。自以为精通CSS的人，常常被一些小问题搞到头晕脑胀。通常是一个很小的数值，经过层层放大歪曲后，整个布局就走形了。CSS是一门很简单的语言，易学易用，但也最容易出垃圾代码。这是没有深入研究这门语言所致。本人认为，CSS是由以下三大块构成的：默认值，继承系统与加权系统。默认值，也就是浏览器在用户没有设置属性的情况下，默认指定的属性。CSS框架基本都有一个叫reset.css 的文件，就是对其进行 阅读全文
摘要：
事物绝非十全十美总有强差人意的一面，之前针对浮动分析了其引起文本重影的怪异问题，而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。1.position:relative;属性值导致overflow:hidden;失效。问题：在IE6/7中子级设置position:relative;属性值后，导致父级的overflow:hidden;失效。Demo1分析：与定位的层级关系有关，IE6/7解析为内容已经跳出文档流，以致父级误以为没有包含内容。解决方案：对于IE6可以为父级添加定位属性纠正问题，但IE7依然无效。2.overflow充当了position:relative的角色问题：在IE6或IE 阅读全文
摘要：
转载自:http://isd.tencent.com/?p=1481这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。2.兼容性差异兼容 阅读全文
摘要：
转载自:http://www.cnblogs.com/JustinYoung/articles/jpg_png.html为什么想整理这方面的类容，我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样，作为网页设计师也应该对图片格式的特性有一定了解，这样才能更好的表达你的创意和想法。除此之外，我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果，什么样的设计才更适合Web页面；页面重构师和前端工程师则想知道在切图的时候应采用什么图片格式、如何进行参数设置才能达到品质和性能的最优化。有时候我们可能会因为一张格式不正确的 阅读全文
摘要：
今天发现页面上新加上的左列 Tag 在 Firefox 上显示不正确，在细察之下，发现 Firefox 在 JavaScript / CSS 上和 IE 不同之处：问题 1. 类似 obj.style.height = imgObj.height 的语句无效。即将一个 image 对象的高度值赋给另一个对象，用来修改其样式高度，这样做无效。分析要理解这个问题，首先要纠正思想上的一个误区。以上这个操作，其实并非是通常编程概念上的将一个 int 值赋给另一个 int 变量。这个语句的操作，实际上是把 imageObj.height 当作一个字符串，作为 obj 这个对象 CSS 中 height 阅读全文
摘要：
ie和firefox下操作table对象的异同【测试浏览器版本：ie为6，firefox为2.0】1）在ie下，table标签直接使用appendChild增加document.createElement('tr')的行时不显示，但是在firefox下是没有问题的。如下<table id="table1" border='1'></table><script type='text/javascript'>var tb=document.getElementById('table1&# 阅读全文
摘要：
FF 本地测试 不能读取Cookie 阅读全文
摘要：
IE的haslayout是个麻烦的东西，这个并不是w3c的标准属性，而是IE特有的。所以，对于解决IE特有的一些css诡异现象比较有效。 非原创来源网络，原文地址：http://www.satzansatz.de/cssd/onhavinglayout.htmlhasLayout概述Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout"得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为"尺寸臭虫(dimensional bugs)"，意思是这些臭虫可以通过赋予相应元素某个宽度或高度解决。“Lay 阅读全文