CSS3 Gradient 分为linear-gradient（线性渐变）和radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有Mozilla（Firefox，F.....
分类：
Web程序 时间：
2014-07-16 23:15:17
阅读次数：
283
把群里大家推荐的网站做了下收集，等有时间了研究下1.http://icomoon.io/app/ 这个网站用来生成跟导出字体图标的，自带的图标种类很多很丰富，基本够用了，不过你也可以自己设计，然后导入再生成css3字体2.http://www.lanrenzhijia.com/js/css3/lis...
分类：
Web程序 时间：
2014-07-16 23:13:56
阅读次数：
275
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
收集一些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
如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大显示器)，变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性，其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来，我们将了解一下怎样通过HTML5和CSS3 Media Queries...
分类：
移动开发 时间：
2014-06-28 08:32:04
阅读次数：
304
CSS3制作精美日历，很不错，给大家分享一下，学习一下！...
分类：
Web程序 时间：
2014-06-27 07:14:23
阅读次数：
412
