微笑的狼’blog

视觉设计、互交设计、用户体验、摄影,分享!

什么是CSS Reset、什么是CSS Reset

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

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

...

CSS 控制段落空两格

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

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

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

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

CSS hack:区分IE6,IE7,firefox

区别不同浏览器,CSS hack写法:

区别IE6FF

       background:orange;*background:blue;
...

CSS Sprites 的应用、原理、优点、缺点

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可以做出很多很酷很人性化的设计。
今天做一个简单的小例子,和大家分享一下。
鼠标经过文本框响应效果
代码很简单,原理是用CSS设置input边框为无,然后在为DIV设置一个背景作为文本框边框,为DIV设置鼠标经过(onmouseover)和鼠标离开(onmouseout)两个状态。当鼠标经过时更改div背景实现文本框鼠标经过响应效果。

图为,初始状态和鼠标经过时的...
分页:[«]1[»]

Powered By Z-Blog 1.8 Spirit Build 80722

Copyright 微笑的狼’blog. Some Rights Reserved.京ICP备09025167号