CSS

ul li的背景小图标属性设置一般会有两种情况：定义在ul里及li里，这两种定义在什么情况下使用，在下文给出详细的介绍，经常div+css布局的朋友不妨参考下，希望对大家有所帮助

CSS Sprites在国内很多人叫css精灵，它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，利用CSS Sprites能很好地减少了网页的http请求，从而大大的提高了页面的性能

通过交流发现师弟们对外边距合并不是很理解，如果想要深入了解margin这个神奇的属性，那可得费一番功夫了，下面与大家分享下我对外边距合并的理解

在做表单时我们经常遇到让上下两个字段对齐的情况，比如姓名， 手机号码， 出生地，一般情况下我们都会使用text-align、text-justify样式来应付，下面有个不错的示例大家可以参考下，希望对大家有所帮助

cellpadding=0 cellspacing=0的css替代写法：border-collapse:collapse，喜欢优化的朋友可以参考下

:hover伪类在触屏上表现不完美，所以需要借助:active伪类的css来表现状态变化，在触屏上，:hover和:active也不是直接就起到作用的，这里要借助一个小小的hack

希望图片垂直居中的情况在网站开发过程中会遇到很多，我总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错，感兴趣的朋友可以了解下

li中的文本超出行宽自动隐藏，在一些新闻类的列表应用中还是比较实用的，具体的实现css样式如下，感兴趣的朋友可以参考下，希望对大家有所帮助

DIV背景色渐变在以前的文章中也有介绍过，但并没有同时兼容IE、火狐、谷歌，而本文的这个示例却可以同时兼容，建议喜欢的朋友参考下

这个使用 li的起始位置在居中的50%的地方，所以需要把li 向左边移动50%。 这里想问题的时候要注意，position:relative所定义的移动百分比不是相对于自身的，而是相对于父元素的

对IE6,先设置border-color为某种不常用的颜色，然后用IE特有的css滤镜使该颜色为透明，感兴趣的朋友可以了解下本文，希望对大家有所帮助

进行css布局的同时，没有足够的基础知识是不可能的，本文为初学者整理了一些，经常使用的css属性，感兴趣的朋友可以参考下，或许有所帮助

圆角矩形的制作想必大家都会吧，但真正的实现原理想必并没有几个人知道，在本文有个不错的示例或许能帮助大家更好的理解其中的原理，感兴趣的朋友可以参考下

单一的表格很容易使人感到枯燥，使用变色效果可以使得表格看起来更加舒适，在本文将为大家介绍下使用css实现隔行变色显示，感兴趣的朋友可以参考下

!important只有Ie7.0和firefox可以识别，但是Ie6.0不能成功应用，在本文将为大家介绍下!important的使用方法，感兴趣的朋友可以了解下

div居中的使用还是比较广泛的，在本文有个不错的示例，可以帮助大家更好的理解div居中显示，感兴趣的朋友不要错过

css控制图片实现大小不变形，下面有个不错的思路，感兴趣的朋友可以参考下

base.css顾名思义就是基代码的含义，主要就是重置浏览器默认样式的一个集合吧，在进行css布局时把它加进去将会提高书写效率，感兴趣的朋友可以参考下

style和class的加载顺序到底谁先谁后，谁又会覆盖谁，在接下来的示例中将为大家详细介绍下，希望对大家有所帮助

如何让input输入框与img在同一行居中对齐，由于经常会使用到，默认情况下将input和img放同一行，img标签总是比input高出一个头，很难看，大家可以参考下本文或许有所帮助