如图所示。
该图片切换特效实现很简单，而且兼容性很好。
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
1. CSS 样式兼容：1）
对Box解析的不一样： height:160px!important; height:200px; padding:5px;2）
float闭合 添加一个新的div子元素 clear:both 父元素样式 overflow:auto;zoom:1; after伪类添加....
分类：
其他好文 时间：
2014-06-04 16:39:58
阅读次数：
372
线性渐变背景色：第
一个参数为渐变方式，后两个参数为起始点位置和终止点位置，后两个参数为起始颜色和终止颜色，后面那个参数为背景区域padding表示包含
padding的区域，content表示不包含content的区域，最后那个参数为背景的实际使用区域，可以为content或padding。线性渐...
分类：
Web程序 时间：
2014-06-03 13:52:00
阅读次数：
366
IE和FF浏览器的默认样式1.页边距IE默认为10px，通过body的margin属性设置FF默认为8px，通过body的padding属性设置要清除页边距一定要清除这两个属性值body
{??? margin:0;??? padding:0;}2.段间距IE默认为19px，通过p的margin-t...
分类：
其他好文 时间：
2014-06-02 21:22:59
阅读次数：
262
*{ margin: 0; padding: 0; font-family: "微软雅黑",
Verdana, Tahoma, Arial, Helvetica, "宋体", sans-serif; }#zong_wl{
background-color: #f2f2f...
分类：
Web程序 时间：
2014-06-02 00:53:53
阅读次数：
440
效果如下：
页面如下：
ul, ol {
list-style: none outside none;
}
.nav-wrap {
width:100%;
height: 50px;
}
.float-navbar {
border-bottom: 1px solid #F3F3F3;
margin: 0;
padding: 0...
分类：
Web程序 时间：
2014-05-31 23:14:24
阅读次数：
619
一、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
不得不说够优雅，够内涵。这个东西是能够通过外围设定的fon-size设定大小的，也就是所谓的矢量图。另外这个东西后面如果有文本的话，需要在文本前面追加一个空格，来弥补一下padding（内补）。
Star挺帅的~Font Awesome 3.0的使用确实让人感到舒服： icon-camera-r.....
分类：
其他好文 时间：
2014-05-28 20:31:16
阅读次数：
405
