摘要：
一般script标签里面添加了defer属性，会按顺序执行。例如最后一个文件的加载时间是12ms，第一个文件加载时间是13ms。但是在firefox下，如果是动态添加的却不是这样。很奇怪。GET core.js200 OKxbalbum2.cn19.4 KB192.168.0.193:8013msGET tmpl.js200 OKxbalbum2.cn5.9 KB192.168.0.193:809msGET draggable.js200 OKxbalbum2.cn17.7 KB192.168.0.193:8012msGET timeline.js200 OKxbalbum2.cn21.6 K 阅读全文
摘要：
对于vertical-align属性，可以用于inline或者liline-block的元素，它需要一个参照物，此参照物是该行中最高的元素。 阅读全文
摘要：
今天为了读取img的宽、高问题，纠结了一个小时。一般的情况下（FF，ie）如果在img上写上了src，那么直接在元素获取height和width就可以了。但是谷歌不行，因为谷歌更为严格。因为就算在html文档已经准备完毕了，img标签的图片也可能没有加载完成，所以，此时img的宽和高是默认的。eg：document.getElementById("selector").height == 0(没有设置高度的话，默认呢为0)所以，要跨浏览器获取img元素的宽和高，就必须在img的onload事件里面获取。eg: document.getElementById("se 阅读全文
摘要：
据w3school的说法是：“外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。”但是如果元素设置了浮动的话，那么外边距就不会合并了。 阅读全文
摘要：
帖子一：http://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods.html帖子二：http://www.blueidea.com/tech/web/2006/3231.asp 阅读全文
摘要：
ie6 hack1：* html [选择器] {···} 原因：<IE7的浏览器都会认为html上面还有一个不可见的元素。所以就出现了这个选择子。ie6 hack2： {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="···", sizingMethod="image")} 使用微软特有的滤镜来修复ie6的不支持png半透明效果 ，不足是会把图片固定到左上角ie6 hack3 阅读全文
摘要：
转自某神贴差别1：老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。差别2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显（梦之都加载CSS的方式就是使用@import，我一边下载一边浏览梦之都网页时，就会出现上述问题）。差别 阅读全文
摘要：
查了n多帖子，觉得这个最靠谱，先记下来了。CSS执行顺序与优先权的问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。关于specificity的具体计算在各种情况下的数字加成有如下一般规则：每个ID选择符(#someid)，加 0,1,0,0。每个class选择符(.someclas 阅读全文