5个简单，但很实用的 css属性
这5个有用的css属性可能你是比较熟悉的，但是很少使用到它们。我这里讨论的不是css3的新属性
。我提到的都是被所有浏览器支持的css2属性比如：clip、min-height、white-space、cursor和display。千万别错
过这篇文章，因为你会惊讶的发现他们是很有用的。
一、css clip（裁切）
clip裁切这个属性有点像是遮罩。它允许你用特定的形状遮罩相应的内容。裁切某元素之前，你必须先给该元素指定绝对定位属性，然后给它的上下左右赋值。
图片裁切举例
（演示）
在接下来的这个例子里面，主要展示如何给一个图片应用裁切属性。首先，指定div元素相对定位，然后给图片赋予绝对定位属性和相应的属性值。
代码如下：
.clip {
position: relative;
height: 130px;
width: 200px;
border: solid 1px #ccc;
}
.clip img {
position: absolute;
clip: rect(30px 165px 100px 30px);
}
图片调整和裁切
在这例子里面，我们将展示你如何调整图片大小并裁切图片。这个图片的原始形状是长方形的，我想把图片缩小一半后在正方形里展示。我用width、
height属性改变图片大小，然后通过裁切属性让其显示为正方形，同时给left赋值使图片向左移动15px距离。
代码如下：
.gallery li {
float: left;
margin: 0 10px 0 0;
position: relative;
width: 70px;
height: 70px;
border: solid 1px #000;
}
.gallery img {
width: 100px;
height: 70px;
position: absolute;
clip: rect(0 85px 70px 15px);
left: -15px;
}
clip
其他相关文章
二、min-height最小高度
（演示）
最小高度属性允许你给某个元素指定最小高度，对于网站布局来说它是十分有用的。我就在我的job
board的内容区域应用了最小高度，确保内容区域的高度比边栏要高些儿。
代码如下：
.with_minheight {min-height: 550px;}
min-height（最小高度）在ie6下面的bug问题
注意：ie6是不支持min-height的，但是一下方法可以解决这个ie6 bug问题。
.with_minheight {
min-height:550px;
height:auto !important;
height:550px;
}
三、White-space折行
（演示）
White-space属性指定某一元素是如何自动折行的。比如，给一元素指定White-space属性后，如果一行内的空间无法容下该元素的话，它将
自动换到下一行。
代码如下：
em {white-space: nowrap;｝
四、光标
（演示）
如果您更改按钮的行为，同时你也应该改变Cursor光标。例如，当一个按钮被禁用时，光
相关文档：
转发下，同事总结的。
浏览器大战的结果曾经一度是IE一统天下，在那个时代，我们根本不用担心浏览器兼容性问题，用PS自动生成代码都行。然而伴随时代发展，人们对WEB应用的期望越来越高，于是乎，江湖烽烟再起，各种浏览器如雨后春笋，这可苦了我们这些开发者，为了让各浏览器表现一致，不知道有多少前辈耗费了多少心血，� ......
1. CSS字体定义简写规则
一般的写法会是这样：
font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif
而实际上你可以用更简洁的写法：
font: bold italic small-caps 1em/1.5em verdana,sans-serif
是不是更省事？不过使用这 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS边框阴影< ......
以下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。
1、完全使用div、span和css制作的数据图表。
2、有很多用纯css制作的数据图表，我感觉这个是做的最漂亮的一个。
3、这个线形数据图表完全基于html和css制作的，没有应用js。这样的图图表加载快� ......
