微笑的狼’blog

道CSS Reset是什么吗？通常情况下，它也被写成Reset CSS，即重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。

正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到：

...

段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。

text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。

我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。

区别不同浏览器，CSS hack写法：

区别IE6与FF：

...

CSS Sprites在国内很多人叫css精灵，其实这个技术不新鲜，这个技术老到什么程度呢，我不敢确定，但是我看到最早的关于CSS Sprites是在Dave Shea的《CSS Sprites: Image Slicing’s Kiss of Death》，时间是March 05, 2004 ，整整5年了，那时我还没参加工作呢？

这个技巧已经广泛的应用到现在的页面的前端开发中，甚至YUI将他定为《提高网页效率的14条准则》的第一条准则“Make Fewer HTTP Requests” ，可见这个技术的重要性，也正是YUI的推荐
...

CSS的强大大家想必也都领教过了。用CSS可以做出很多很酷很人性化的设计。
今天做一个简单的小例子，和大家分享一下。
鼠标经过文本框响应效果
代码很简单，原理是用CSS设置input边框为无，然后在为DIV设置一个背景作为文本框边框，为DIV设置鼠标经过（onmouseover）和鼠标离开（onmouseout）两个状态。当鼠标经过时更改div背景实现文本框鼠标经过响应效果。

图为，初始状态和鼠标经过时的...