2015年4月15日

详解用CSS绘制3D旋转立方体
摘要： CSS3D旋转立方体绝对是能充分代表这些年CSS发展新高度的典型案例。从一种只是简单的颜色和尺寸渲染的标记符，CSS现在已经变成了一种能够创造出复杂的、具有艺术感染力的视觉效果的编程语言。动画效果的生成变得非常的简单易行。遗憾的是，目前网上的关于CSS立方体的制作教程都有些复杂，在立方体的基础上混合... 阅读全文
posted @ 2015-04-15 11:34 张欣欣 阅读(675) 评论(0) 推荐(0)
【原创】还记得我们折腾过的居中么？
摘要： 虽然div中内容上下居中的问题已经是一个比较古老的话题，但是最近发现还是有很多前端开发者在询问如何实现。其实网络上已经有很多资料和案例了，我这里再总结一下几个比较常见的处理方式。情形一：div限高，内容长度限一行.v-align { margin: 0 auto; width: 200p... 阅读全文
posted @ 2015-04-15 09:51 张欣欣 阅读(100) 评论(0) 推荐(0)

2015年4月11日

Media Queries详解
摘要： Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你使用“m... 阅读全文
posted @ 2015-04-11 09:05 张欣欣 阅读(197) 评论(0) 推荐(0)

2015年4月10日

js 获取屏幕各种宽高的方法
摘要： 屏幕的有效宽高：window.screen.availHeightwindow.screen.availWidth网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offs... 阅读全文
posted @ 2015-04-10 19:33 张欣欣 阅读(7166) 评论(0) 推荐(0)

导航