分类: HTML

17 篇文章

图片资源的加载规则
如果是 img 标签,不管是否可见(display:none 或 visibility:hidden),都会加载资源, image 或者 svg 都会加载。 如果是 background 引用,display:none 不加载,如果是 visibility:hidden; 加载。 来源: 博客园大牛资深Web开发南辰先生
解决 inline-block 元素之间的空隙
在经过了IE6 IE7的洗礼之后,我们终于可以放心的使用 inline-block 了,但是在使用 inline-block 的时候,我们总会发现很多莫名其妙的空隙出现在两个 inline-block 元素之间,例如我们的代码如下所示: One Two Three nav a { display: inline-block; padding: 5p…
几种比较优雅的未知高度图片垂直居中的方案
方法一: 该方法是将外部容器的显示模式设置成display:table,img标签外部再嵌套一个span标签,并设置span的显示模式为display:table-cell,这样就可以很方便的使用vertical-align象表格元素那样对齐了,当然这只是在标准浏览器下,IE6/IE7还得使用定位。 HTML结构部分:   &n…
ZenCoding 停止更新 Emmet 代替
对于大名鼎鼎的 ZenCoding 来说,做前端的同学没有没听过,没用过的,如果你没用过的话,那么你就太 Out 了,不过以后如果没有用过的话,那也不算什么。 以为 ZenCoding 宣布停止更新了。 话说 ZenCoding 确实挺好用的,自从换了 SubLime Text 2 之后,加上这个 ZenCoding 写前端代码如飞一般的流畅,但是…
javascript 图片预加载技术
比onload更快获取图片尺寸 lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。 这是大部分人使用预加载获取图片大小的例子: var imgLoad = fun…