MediaQueries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码：在我们没有接触css3之前或许都不知道这些引入后面的media是什么意思，在css3中有一个巨大的作用就是响应式布局，在这里的media的意思就是表示在此处的布局就是采用的响应式布局，顾名思义...
分类：
Web程序 时间：
2014-11-05 09:14:59
阅读次数：
214
今天给大家带来一款基于css3非常实用的鼠标悬停特效。这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而且是纯css3实现的，代码很少，非常实用。 效果如下：在线预览源码下载实现的代码：html代码： LOW POL...
分类：
Web程序 时间：
2014-11-05 09:12:13
阅读次数：
269
以前在上大学的时候学过Flash，而且以前做一些网页效果都是用的Flash，现在才知道以前我所用的方法是有多麻烦。在学过CSS3之后，我发现以前要用Flash写半天的效果，现在用几句CSS3代码就搞定了。现在对于我来说，现在做网页效果基本已经告别Flash。特别是在CSS3动画学习的时候，...
分类：
Web程序 时间：
2014-11-05 01:53:54
阅读次数：
208
在定义样式的时候，如果不先定义body元素，body中的其他元素是否就不会显示，如h、p等标签：无标题文档body 区块(section)标题HTML5文档由不同的区块构成。HTML5中新增的区块元素 section article nav aside中国网页浏览器的占有率// C...
分类：
Web程序 时间：
2014-11-05 00:03:57
阅读次数：
240
在丰富多彩的网页世界中，进度条加载动画的形式非常多样，有利用gif图片实现的loading动画，也有利用jQuery和CSS3实现的进度加载动画，本文主要向大家介绍很多jQuery和CSS3实现的进度条加载动画，每一个都非常具有创意。如果你喜欢，可以下载源码并将它们应用到自己的网站中去。HTML5 ...
分类：
Web程序 时间：
2014-11-04 22:18:22
阅读次数：
267
1.Stroller | Mobile & Tablet Responsive Template演示地址购买地址2.Ocean Mobile Template演示地址购买地址3.Kaius Mobile Retina | HTML5 & CSS3 And iWebApp演示地址购买地址4.eplie...
分类：
移动开发 时间：
2014-11-04 19:28:52
阅读次数：
400
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外...
分类：
Web程序 时间：
2014-11-04 18:56:52
阅读次数：
207
本文整理了一些最重要（或者说人气比较高罢）的新标准，虽然它们多数还只是w3c的草案，离Recommendation级别还早，却已经成为新一轮浏览器大战中备受追捧的明星，开发者社区里也涌现出大量相关的demo和API封装，有些已经进入生产环境（比如google在iphone上实现的gmail离线应用）...
分类：
Web程序 时间：
2014-11-04 16:57:39
阅读次数：
290
要使一张图片不论在移动端还是在桌面端都能适应区域内容，可以使用 HTML5 的 viewport 标签结合 CSS3 的 background-size 属性。适应区域内容是指图片的宽或高的长度满足浏览区的内容区域。HTML5 的 viewport 标签中的content="width=device...
分类：
Web程序 时间：
2014-11-04 16:54:46
阅读次数：
247
Html代码动画选框Css代码.box{width:300px;height:100px;border:1pxdotted#fff;border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP////8A/wAAAAAAACH/C05FVFNDQ...
分类：
Web程序 时间：
2014-11-04 16:32:16
阅读次数：
170
