HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容；定义补...
分类：
Web程序 时间：
2014-09-17 13:34:32
阅读次数：
221
1.jquery灯箱插件Lightbox原来的lightbox脚本在最近的8年依然很火。它是100%免费使用。在线演示源码下载2.CSS3立体3D菜单 蓝色淡雅风格菜单今天我们要来分享一款基于CSS3的3D菜单，这款菜单式蓝色淡雅风格的，鼠标滑过菜单项时还会有淡入淡出的颜色渐变效果。菜单的整体外观比...
分类：
Web程序 时间：
2014-09-17 11:55:22
阅读次数：
261
摘要： 近期在网上看到chrome有个金丝雀版，第一次看到这个版本，所以就将chrome的各个版本进行了了解，chrome是前端开发最好用的工具，不仅仅是它的调试工具，还有他对HTML5/CSS3的兼容性都非常好。下面就把chrome的各个版本介绍下，让更多的人了解它。Chromium： Chr.....
分类：
其他好文 时间：
2014-09-17 08:55:01
阅读次数：
203
CSS3 :nth-child()伪类选择器CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好 的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题...
分类：
Web程序 时间：
2014-09-16 12:05:00
阅读次数：
1252
上文讲到了CSS3的选择器，通过after和before选择器，在元素前后添加内容。 也可以通过变量来实现自定义的标题1 h1:before{2 content:'第'counter(mycounter)'章';3 color:red;4...
分类：
其他好文 时间：
2014-09-15 19:24:19
阅读次数：
191
W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”下面我们从最简单的语法和属性值开始一步一步来学习tr...
分类：
Web程序 时间：
2014-09-15 19:18:39
阅读次数：
283
1.纯CSS3实现超酷的磁带动画我们要用纯CSS3来实现一个超酷的磁带动画特效。首先用纯CSS3绘制了一个磁带的外观，还是相当逼真的，然后用CSS3的动画属性实现了磁带的旋转，就像在播放歌曲一样，如果配合HTML5的音频播放功能，就和那个磁带播放器差不多了。在线演示源码下载2.HTML5仿Apple...
分类：
Web程序 时间：
2014-09-15 15:30:39
阅读次数：
248
有些CSS3的牛逼的效果在IE下展示不出来是最烦人的啦，在项目中做的圆角效果到了IE下一堆方块。。。。忒尴尬了。。。，找了个替代解决方案1.首先下载一个js插件PIE.js百度一搜都是的，我也就不写出来下载地址了2.执行的时候只需要遍历一下你要添加圆角效果的样式名就好了$('.publicguest...
分类：
Web程序 时间：
2014-09-12 16:56:23
阅读次数：
294
CSS3 Gradient 分为 linear-gradient（线性渐变） 和 radial-gradient（径向渐变）。记住渐变并不是CSS3的一个属性，而是一个属性的值，虽然在CSS3中没有专门注明渐变是针对background的，但是目前我所了解到的是只有background才会应用渐变属性（background-image也可以）。
我们先直接通过两个实例来说明这两种渐变的基本用...
分类：
Web程序 时间：
2014-09-11 17:22:32
阅读次数：
229
CSS3的一个伪类选择器“:nth-child()”。语法：:nth-child(an+b)为什么选择她，因为我认为，这个选择器是最多学问的一个了。很可惜，据我所测，目前能较好地支持她的只有Opera9+和Safari3+。描述：伪类:nth-child()的参数是an+b，如果按照w3.org上的...
分类：
Web程序 时间：
2014-09-11 13:51:11
阅读次数：
213
