display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
Web程序 时间：
2014-07-10 09:56:16
阅读次数：
238
四年一度的世界杯无疑是一场全民参与的足球盛宴，互联网上充斥着各种竞猜活动，其实还有更高端另类的玩儿法：编程学习网站慕课网最新上线了一门名为“共嗨世界杯”的课程，只需2个小时，教你学会使用 CSS3 来制作一个足球场地，以及世界杯对战图，设计出你的“专属世界杯”。适合人群：程序员、编程爱好者、球迷与伪...
分类：
其他好文 时间：
2014-07-01 22:20:37
阅读次数：
383
接下来我们一起来分析一下源码，首先是HTML代码，非常简单： Fabio Basile iPhone 6 Infinity Brian M...
分类：
Web程序 时间：
2014-07-01 20:11:44
阅读次数：
318
第一步、先到微软官方下载一个 Microsoft Visual Studio 2010 sp1 、给传送门：.microsoft.com/downloads/zh-cn/details.aspx?FamilyID=75568aa6-8107-475d-948a-ef22627e57a5下载到这个东东...
分类：
Web程序 时间：
2014-07-01 19:39:13
阅读次数：
244
background: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f0...
分类：
Web程序 时间：
2014-07-01 17:55:21
阅读次数：
282
记起自己去年参加的一次面试，在做过Java多年的面试官面前发挥的并不好，但他一听说我会html5，立马眼睛发亮，不管不顾的想要和我签约。。。所以，现在为工作犯愁的朋友们，学好html5,绝对会为你找到好工作添加重要砝码！
html5 大致是 (html+css3+javascript apis)。一句话: html5 支持了css3 的强大的选择器和动画等...
分类：
Web程序 时间：
2014-07-01 07:55:26
阅读次数：
214
收集一些css的生成工具，开发中可以直接拿过来用。特别是那些css3中的一些新的特性。 1 css渐变背景在线生成工具 http://www.colorzilla.com/gradient-editor/ 2 css3圆角在线生成工具 http://border-radius.com/ 3 网格布局...
分类：
Web程序 时间：
2014-07-01 00:19:10
阅读次数：
244
border-radius实现圆角效果1 CSS3代码：2 3 -webkit-border-radius:10px;4 -moz-border-radius:10px;5 border-radius:10px;6 background-color:#666;7 width:200px;height...
分类：
Web程序 时间：
2014-06-30 22:45:40
阅读次数：
367
针对IE8以下不支持css3的media query,可以使用response.js解决下载地址：https://github.com/scottjehl/Respond/这里有一篇关于其实现原理的文章：http://caibaojian.com/respondjs.html引用时的注意点： 不可....
分类：
Web程序 时间：
2014-06-30 20:49:30
阅读次数：
235
CSS3 box-orient 属性CSS 参考手册实例水平排列 div 元素的子元素：div{width:350px;height:100px;border:1px solid black;/* Firefox */display:-moz-box;-moz-box-orient:horizont...
分类：
Web程序 时间：
2014-06-29 19:50:04
阅读次数：
261
