转载翻译至http://www.webdesignerwall.com/tutorials/5-simple-but-useful-css-properties/  [5 Simple, But Useful CSS Properties]

这篇文章将介绍5个你非常熟悉但很少使用的CSS属性。我并不是讲最新的CSS3，而是这些大多数浏览器都支持的老的CSS2的属性：clip, min-height, white-space, cursor, display。因此，不要错过这篇文章，它可能让你感到这些属性多有用。

1.CSS Clip
“Clip”属性就像是一个遮罩，他可以让你用一个矩形区域遮住一个元素，要剪切这个元素，你必须将元素的position属性设置为absolute，然后指定其相对于这个元素的top right bottom left值。

图片剪切例子：http://www.webdesignerwall.com/wp-content/uploads/2009/11/css-clip.html

图片改变大小以及剪切，例子：http://www.webdesignerwall.com/wp-content/uploads/2009/11/css-clip.html
这个例子，你将学到如何改变图片大小并对其进行剪切。如下图所示，原图是一个矩形图片，我想将他缩小到50%，并剪切成一个正方形的缩略图。可以使用了width和height属性去改变图片大小，然后使用clip属性去剪切图片，再然后，设定其left属性为剪掉的长度一半负值。

4. Cursor (demo)
当按钮状态改变时，我们最好可以相应的改变下鼠标图标，如：正常、等待、手型等。

2.Min-height [示例：http://www.webdesignerwall.com/wp-content/uploads/2009/11/min-height.html]
min-height允许你给一个元素指定一个最小高度，当你想平衡元素位置的时候很有用，比如：


但是IE6并不支持，这里要hack一下：

3.White-space [示例：http://www.webdesignerwall.com/wp-content/uploads/2009/11/white-space.html]

 5.Display Block/Inline  [示例：http://www.webdesignerwall.com/wp-content/uploads/2009/11/display.html]
也许你还不知道，display为block的元素会在新的一行显示，但display设置为inline的元素会在与前一元素同一行显示，DIV、H1、P等标签默认都是block元素。EM、SPAN、STRONG等默认收拾inline元素。你可以随意重新指定他们的display属性为inline或者block。