伴随着移动设备的越来越流行，在现代社会中，可能人们手中握着移动设备的时间已经远远大于敲着键盘了，还有各种平板及未来会不断兴起的移动设备，如何让网页在这些设备上更好的显示，成为我们不断学习、思考的问题。css的媒体查询创建的响应式网站，就是针对这一问题的。其实在css2已经支持媒体，在新的css3中更...
分类：
Web程序 时间：
2014-11-20 21:48:40
阅读次数：
218
经过长久以来的不懈努力，我终于成功的将selectivizr与PIE这两个解决css3的利器进行了深度的整合，大大降低了使用难度只要在你的页面上加入这一行代码，整个页面全部兼容css3，不要忘了将文件下载回来放进/js/文件夹兼容圆角border-radius，盒阴影box-shadow、渐变色li...
分类：
Web程序 时间：
2014-11-19 18:30:14
阅读次数：
209
1.TransitionTransition是一种直观上的效果，让DOM元素的某个属性在固定时间内从一旧值到一新值。目前Firefox、Opera、Safari和Chrome都支持transition ，IE还不支持。语法：transition:property duration timing-fu...
分类：
Web程序 时间：
2014-11-16 15:49:53
阅读次数：
246
一个简单的demo，使用了诸多HTML5和CSS3的特性，比如HTML5的classList API、History API等，以及CSS3的动画、变换等等。使用各家最新的浏览器浏览就是对的了，webkit内核的最好。首页还是这个风格的，我发现我已经欲罢不能了。这也算是个单页应用吧，点击start进...
分类：
其他好文 时间：
2014-11-14 17:34:20
阅读次数：
592
一、无关紧要碎碎念在web页面的ui表现中，投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果：然而，在CSS2的时代，我们多半使用图片实现类似效果，或是使用CSS其他属性模拟阴影效果，但是，现在，CSS3的崛起使得这个问题已经不再是是个问题了，本文就将展示如何实现跨浏览器的盒阴影效...
分类：
Web程序 时间：
2014-11-14 12:14:31
阅读次数：
293
jQuery中选择器总体上包含了CSS3的选择器，但某些方面却由于CSS3的选择器，虽然使用各种选择器，最后也能达到目标，但在项目中，为了做的更少的代码量，使用某些特定的选择器，减少人为的判断似乎更加值得一试 1>...
分类：
Web程序 时间：
2014-11-13 19:15:45
阅读次数：
206
今天给大家分享一款基于jquery和css3的响应式二级导航菜单，这款导航是传统的基于顶部，鼠标经过的时候显示二级导航，还采用了当前流行的响应式设计。效果图如下：在线预览源码下载实现的代码。html代码： Responsive Nav ...
分类：
Web程序 时间：
2014-11-13 10:38:06
阅读次数：
342
在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，...
分类：
Web程序 时间：
2014-11-11 14:13:37
阅读次数：
332
