做网页的人，有时候会碰到这样的问题，图片与容器之间有个空白死活无法去掉，而且明明没有任何的字符，也没有设置margin/padding等等，这是为神马呢？
迄今为止我碰到过两种情况会导致这种问题：
多年来，我们通常透过图片或者JavaScript来创建非标准的漂亮的按钮。
随着浏览器对CSS3的越来越多的支持，我们已经可以不受阻碍地使用CSS3按钮了。
使用CSS3的属性，有着设计按钮的巨大空间，使用border-radius实现圆角，使用linear-gradient以及box-shadow来实现渐变和阴影，以及动画过场效果，以及......
这里列出了十几个代码优美又富有创意的CSS3按钮，你可以使用它们或者从中得到启发。此外，你可以在文章的结尾找到所有其他的CSS3按钮相关的资源以帮助你创建更好的按钮。
CSS3 Buttons With Simple Markup
尽量使用简单的标记来创建的一套按钮，共计18个。
其中有三个只适合Webkit内核的浏览器（如Safari、Chrome），其余的可兼容所有主流浏览器。
一，什么是.clearfix
你只要到Google或者Baidu随便一搜"css清除浮动"，就会发现很多网站都讲到"盒子清除内部浮动时可以用到.clearfix"。
.clearfix:after {
content: " ";
display: block;
clear: both;
height: 0;
}
.clearfix {
zoom: 1;
}
<div class="clearfix">
<div class="floated"></div>
</div>上面的代码就是.clearfix的定义和应用，简单的说下.clearfix的原理：
1、在IE6, 7下zoom: 1会触发hasLayout，从而使元素闭合内部的浮动。
2、在标准浏览器下，.clearfix:after这个伪类会在应用到.clearfix的元素后面插入一个clear: both的块级元素，从而达到清除浮动的作用。
<div>
<div class="floated"></div>
</div>
<div style="clear: both"></div>本文来自于阿姆斯特丹召开的Fronteers 2010上Jeremy Keith的演讲，您还可以下载投影片（PDF格式），或者观看视频，在"为之漫笔"中有翻译，转载如下：
今天我想跟大家谈一谈HTML5的设计。主要分两个方面：一方面，当然了，就是HTML5。我可以站在这儿只讲HTML5，但我并不打算这样做，因为如果你想了解HTML5的话，你可以Google，可以看书，甚至可以看规范。
实际上，确实有人会谈到规范的内容。史蒂夫·福克纳（Steve Faulkner）会讲HTML5与可访问性。而保罗·艾里什（Paul Irish）则会讲HTML5提供的各种API。因此，我今天站在这里，不会光讲一讲HTML5就算完事了。
说老实话，在正式开始之前，我想先交待清楚我所说的HTML5到底是什么意思。这话听起来有点搞笑：这会子你一直在说HTML5，难道我们还不知道什么是HTML5吗？大家知道，有一个规范，它的名字叫HTML5。我所说的HTML5，指的就是这个规范。但问题是，有些人所说的HTML5，指的不仅仅是这个规范，还有别的意思。比如说，用HTML5来代指CSS3就是一种常见的叫法。我可不是这样的。我所说的HTML5，不包含CSS3，就是HTML5。
HTML5 渐入佳境，它强大的功能正被逐渐挖掘出来，各种实验性应用层出不穷，本文介绍几个由 Hakim El Hattab 设计的 HTML5 趣味小应用，它们非常有趣，我刚刚在它们身上消磨了两个小时。当你体验完这几个小应用，会发现 HTML5 比你想象的更强大。
Bacterium
An interactive experiment with bacteria in a playful and dynamic physics world.
开始体验：Bacterium 01
今天有同事说起，分辨率1024×768下，如果网页的宽度设定为1000px，在IE6中会不会出现横向滚动轴。在我的记忆中，这种情况下是会出现横向滚动轴的，但抱着“严谨”的态度，还是到虚拟机（原汁原味的Windows XP）中去试了一下，发现我记忆中的画面并没有出现，并且1000px的网页并没有占满浏览器。
原作者不断地更新中……
【IE6的疯狂之一】IE6中奇数宽高的BUG：http://www.css88.com/archives/1725
【IE6的疯狂之二】IE6中PNG Alpha透明：http://www.css88.com/archives/577
【IE6的疯狂之三】IE6 3像素BUG的实例：http://www.css88.com/archives/117
【IE6的疯狂之四】IE6文字溢出BUG：http://www.css88.com/archives/253
【IE6的疯狂之五】div遮盖select的解决方案：http://www.css88.com/archives/545
【IE6的疯狂之六】li在IE中底部3像素的BUG（增加浮动解决问题）：http://www.css88.com/archives/421
【IE6的疯狂之七】样式中文注释后引发失效：http://www.css88.com/archives/726
或许可以算是与Adobe之间“开放”平台 之争的新回合，苹果今天在官方网站上专门开辟了一个栏目，展示基于HTML5标准的网页动态应用效果。
苹果展示的动态网页效果综合应用了HTML5、CSS以及JavaScript技术，包括7款Demo，分别是网页视频、文字特效、画面变换、图片 浏览、音频、360度全景图片以及VR虚拟现实。所有Demo都可以在iPhone、iPod touch、iPad或Mac/Windows版的Safari浏览器上运行，其他浏览器打开该网页会被要求下载Safari。其中最特别的VR虚拟现实 Demo由于需要CSS 3D变换技术支持，因此只支持苹果移动设备或Mac机上的Safari浏览器，Windows平台用户需要下载WebKit 引擎每日更新版浏览器才能运行。
