如图所示。
该图片切换特效实现很简单，而且兼容性很好。
html页面如下
css样式
* {margin:0; padding:0;}
body {font-size:12px; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif; b...
分类：
其他好文 时间：
2014-06-05 00:10:13
阅读次数：
332
线性渐变背景色：第
一个参数为渐变方式，后两个参数为起始点位置和终止点位置，后两个参数为起始颜色和终止颜色，后面那个参数为背景区域padding表示包含
padding的区域，content表示不包含content的区域，最后那个参数为背景的实际使用区域，可以为content或padding。线性渐...
分类：
Web程序 时间：
2014-06-03 13:52:00
阅读次数：
366
一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。三、...
分类：
Web程序 时间：
2014-05-30 08:18:41
阅读次数：
293
.oLi-lists-scroll::-webkit-scrollbar { width:5px;
padding:1px; background:url(../images/repeat-bar.png) repeat-y;}/* Track
*/.oLi-lists-scroll::-webki...
分类：
Web程序 时间：
2014-05-29 19:02:39
阅读次数：
386
最近在做的一个网站发生了一个很诡异的BUG：使用IE浏览页面时，一切都挺正常；而使用Firefox浏览时，发现某些页面元素之间的距离比预期的要宽很多，HTML元素本身的hight、padding和margin值都很正常，只是元素之间像是增加了一个空行或一个类似于DIV的块级元素；用F12调出开发者工...
分类：
其他好文 时间：
2014-05-29 14:29:17
阅读次数：
282
div#pages
{float:right;padding-right:8px;white-space: nowrap;}div#pages
ul{margin:0;padding:0;}div#pages a:link,div#pages a:visited,div#pages
a:active...
分类：
其他好文 时间：
2014-05-29 04:30:35
阅读次数：
272
不得不说够优雅，够内涵。这个东西是能够通过外围设定的fon-size设定大小的，也就是所谓的矢量图。另外这个东西后面如果有文本的话，需要在文本前面追加一个空格，来弥补一下padding（内补）。
Star挺帅的~Font Awesome 3.0的使用确实让人感到舒服： icon-camera-r.....
分类：
其他好文 时间：
2014-05-28 20:31:16
阅读次数：
405
copyFrom====〉http://www.cnblogs.com/2050/archive/2012/07/31/2616460.html高度自适应布局 我是left
我是right现在我的高度比left高，但left用它的padding-bottom补偿了这部分高度 //PS因为...
分类：
其他好文 时间：
2014-05-26 23:20:28
阅读次数：
295
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。
CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 下面介绍常见的CSS简写规则： 一、盒子大小
这里主要用于两个属性：margin和padding，我们以margin为...
分类：
Web程序 时间：
2014-05-25 23:33:52
阅读次数：
369
转载请注明出处：HTMl5自由者
4月份写的一篇关于IE6 Bug 怪异解析（模式）的文章，现在重新理解了下，就再写一篇详细一点的文章来补充下知识点。
怪异解析分两种情况；
① 当padding+border 时，
重点：
padding + border width,padding + border忽略掉，算进width里面，也就...
分类：
其他好文 时间：
2014-05-23 01:38:21
阅读次数：
198
