随笔分类 - CSS
等叠样式表!
摘要：这是一个挺常见的前端面试题，但是没有做过总结。有的时候可能会使用完了，很长一段时间不去使用，会慢慢忘记。所以，温故而知新，还是很有必要的。 一、绝对定位元素的居中实现 这一种工作中用的应该是最多的，兼容性也是很好。 效果： 缺点：需要提前知道元素的尺寸。如果不知道元素尺寸，这个时候就需要JS获取了。
阅读全文
摘要：用css3写3D立方体用到的属性不多，就那么几个：perspective，transform-style，以及transform。 目前来说能完美支持3D的浏览器有chrome、safari，火狐也支持。所以本文的css3代码都只加了webkit前缀，因为产生3D的关键属性perspective其他
阅读全文
摘要：如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 溢出容器，要打点展示，1.单行文本 p{ width: 300px; height: 20px; line-height: 20px; border:
阅读全文
摘要：margin塌陷：两个嵌套的div，内部div的margin-top失效，内部对于外部的div并没有产生一个margin值，而是外部的div相对于上面的div产生了一个margin值。 弥补方法： 1.在父级div添加border-top:1px solid #rrggbb; 思考：采用这种解决方案
阅读全文
摘要：蜂巢式图片布局类似这样的布局方式,一般主要用在导航,或者图片展示. 六边形的图片墙比普通正方形的图片排版比起来更加新颖,灵活,有新意.正六边形的图片展示还给人一种炫酷的感觉.并且带有特殊的规则感. 先做一个正六边形的DEMO: 怎么做一个六边形？其实是三个矩形div旋转60deg得到的，例如中间横着
阅读全文
