摘要： setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。下面是setTimeout()在js类中的使用方法：setTimeout (表达式,延时时间)延时时间/交互时间是以豪秒为单位的(1000ms=1s)setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次1，基本用法： 执行一段代码： var i=0; setTimeout("i+=1;alert(i)",1000); 执行一个函数： var i=0; setTimeout(function(){i+=1;alert(i);},1000); 注意：比较上面的两种方法的不同 阅读全文

摘要： 不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。为了解决浏览器兼容性,我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。比如 IE6能 阅读全文

摘要： CSS伪类用于向某些选择器添加特殊的效果，在支持CSS的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。CSS伪类 CSS伪类用于向某些选择器添加特殊的效果。 CSS定位属性CSS伪类的语法： selector:pseudo-class{property:value;}CSS类也可与伪类搭配使用： selector.class:pseudo-class{property:value;}锚伪类在支持CSS的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。a:lin. 阅读全文

摘要： 一直没有认真去了解CSS是如何运行,样式里面的选择器、元素的匹配规则。不清楚怎么样的样式选择、匹配才能让页面运行得更快、效率更高。如CSS： div#divBox p span.blue{color:blue;} 我以前对这个CSS的理解是，浏览器先查找id为divBox的div元素，当找到后，再找其下的所有p元素，然后再查找所有span元素，当发现有span的class为blue的时候，就应用该style。认为浏览器是从左往右匹配CSS的，可是这个理解却是完完全全相反、错误的。CSS匹配原理： 浏览器CSS匹配不是从左到右进行查找，而是从右到左进行查找。比如之前说的div#divBox p 阅读全文

摘要： 我们希望在css文件里畅通无阻的浏览，迅速找到要编辑的选择器或css规则，就应该对css文件内的内容按一定的结构和规则来组织。1.冗余vs附属 必须不断了解级联(cascade)。决定是对选择器编组(意味着附属)，还是把它们分离(意味着冗余)。编组可以保持代码简洁扼要，可是会建立附属关系，导致维护开销增加。假如不编组，就会增加文件大小，让相似的选择器保持一致变得困难。只有做好这种权衡、取舍，才能每次都作出正确的决定。2.按相互关系/上下文编组 按照规则和选择器与其他部分的相互关系来进行编组是最好的方法。举例说明，假设你用容器、页眉和页脚来完成布局，就应该把它们编成一组。这似乎很简单，其实不然. 阅读全文

摘要： 父div高度随子div高度改变而改变 1.如果父div不定义height、子div均为标准流的时候（没有使用float），父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。 如： 父div容器 子div容器 子div容器 IE下效果：FF下效果：2.、如果父div定义height,子div均为标准流的时候（没有使用float），，在IE下父div的height随内容变化而变化，ff中则固定大小，如父div(parent)设置height:40px; IE6下效果： FF下效果：3.如果子div使用了float属性，此时已经脱离标准流，父div不会随内... 阅读全文