在CSS中，使用display属性来定义盒的类型。总体来说，盒类型分为两类：inline和block。如div默认是block，span默认是Inline。可以通过display修改默认的表现方式。
block and inline elements
<style ty...
分类：
Web程序 时间：
2014-12-05 10:58:33
阅读次数：
301
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。 当然，即使标准正式制定....
分类：
Web程序 时间：
2014-12-05 09:15:06
阅读次数：
272
今天无意中发现了一个weikit的一个有趣的私有属性-webkit-sticky，position:sticky是一个新的css3属性，它的表现类似position:relative和position:fixed的合体，在目标区域在屏幕中可见时，它的行为就像position:relative; .....
分类：
其他好文 时间：
2014-12-04 19:35:35
阅读次数：
259
第一步：
定义动画，名字可以各种起，就像方法名一样
1. 定义动画，名称为fadeIn
@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
方法里面还...
分类：
Web程序 时间：
2014-12-04 18:11:07
阅读次数：
220
CSS3允许设置多个背景图片，每个背景图片占一层，层的上下按照在CSS中书写的顺序来定，最先写的背景在最上层，每层图片定义使用英文逗号隔开。例如下面的代码：[html]viewplaincopybackground:url(http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg)00no-repeat,url(http://dotnet..
分类：
Web程序 时间：
2014-12-04 15:53:51
阅读次数：
192
CSS 3加入了渐变效果，大大降低了网页对图片的依赖，最明显的就是现在的网站凸起效果的按钮几乎都不再采用图片，而采用更容易修改、带宽占用更小的渐变效果来实现。渐变应用的关键词是gradient，翻译过来就是梯度的意思。...
分类：
Web程序 时间：
2014-12-04 15:48:04
阅读次数：
163
file:///E:/zhangqiangWork/2014/SPDbank/index.html参考该网站http://tobiasahlin.com/spinkit/查看源代码把里面的dom元素与css拷贝下来放到自己的项目里就可以直接使用了。
分类：
Web程序 时间：
2014-12-04 12:04:00
阅读次数：
165
1.jQuery超酷平面时钟特效插件这是一个非常具有创意的jQuery时钟插件，它不像其他的时钟插件一样是圆盘的或者是数字的，它是一个平面时钟，日期和时分秒的指针都是在平面上移动计时的，尽管这款jQuery平面时钟插件不能广泛应用，但是创意是绝对可以肯定的。在线演示源码下载2.4款基于jquery的...
分类：
Web程序 时间：
2014-12-04 12:03:32
阅读次数：
175
先看一下该网站的效果http://2014guangzhouchezhan.dongfeng-citroen.com.cn/mobile/该站里面的动画效果由简易动画与css3动画2种方式混合达到的。一、特点与差异、1.简易动画直接通过对dom元素追加class类名与属性参数像这样实现原理：是对jQ...
分类：
Web程序 时间：
2014-12-04 12:01:42
阅读次数：
196
:nth-child是一个非常牛逼的伪类，如果你能很好的理解它就可以用CSS 做出很多非常实用的效果。当我很年轻的时候还使用PHP的i++来实现一些东西，其实CSS 完全可以实现。下面是我总结的一些用法，用了可爱的糖糖做演示，彩色头像就代表选中，T,T。
分类：
Web程序 时间：
2014-12-04 11:38:34
阅读次数：
130
