摘要: CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,... 阅读全文
posted @ 2014-08-12 15:33 axl234 阅读(466) 评论(0) 推荐(0) 编辑
摘要: 以上只是示例代码,懒得对低版本浏览器做兼容,所以有些地方直接使用了现代浏览器的特性。比如使用Float32Array代替普通数组省去了对数组元素的初始化步骤;使用Array.prototype.reduce方法来搜索数组中的东西。这些都是低版本浏览器不支持的,如果需要兼容可以手动改写为低版本浏览... 阅读全文
posted @ 2014-08-12 15:02 axl234 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 使用vertical-align:middle可以让行级元素垂直居中,但这个居中是以文字的中线来计算的,而文字的中线在不同的字体上不同,甚至相同的字体在不同的浏览器上显示的都不同。所以直接使用vertical-align:middle很难完美居中,因此需要其它调整。运行abcdef 当容器内存在v... 阅读全文
posted @ 2014-08-12 14:40 axl234 阅读(1809) 评论(0) 推荐(0) 编辑
摘要: 对于div自适应宽度,网上的说法基本上都是将要自适应宽度的div放在其它固定宽度的最后,不指定其float属性或将float属性指定为none,比如三栏布局居中的一栏为自适应宽度,就可以这样来定义三栏div:这是左栏这是右栏这是中栏,且自适应宽度效果如下:但是如果我们增加中栏的文字内容,并且为其添加... 阅读全文
posted @ 2014-08-12 14:36 axl234 阅读(872) 评论(0) 推荐(0) 编辑