思洋互动网站建设学前班

八、CSS属性之Display

Display通常被设置为这三个值中的一个：block、inline和none。“得益于”IE，Display的其它值很少被用到。这些值包括inline-block、table、inline-table和table-cell等，这些属性对于解决一些特殊的布局问题时，是很有用的。
所以，尽管IE确实支持Display的这三个基本属性，但是它基本上不支持其它属性。
其实，IE8对display的属性支持已经相当完整了。不过，对于inline-block属性，IE6/7只支持本身为inline的元素。

九.CSS属性之Clip

这是一个在特殊情况下能派上用场的很有趣的CSS属性。它可能和不可预知的、动态生成的内容结合起来。简单来说，这个属性允许你在一个特定的元素上指定隐藏区域——也可以理解为，在一个绝对定位的元素中，按照一定的设置来裁剪该元素的显示区域，超出该区域的内容会被隐藏掉。语法看起来像这样的：

ExampleSourceCode 

1. div.clipped{  
2. padding:20px;  
3. width:400px;  
4. height:400px;  
5. clip:rect(20px,300px,200px,100px);  
6. position:absolute;  
7. }  
8.  

修剪只能用于一个绝对定位的元素，而且只用使用矩形区域。括号内的数字划出的区域(200px*180px大小)为可见区域，该区域以外的内容不可见或者被剪切掉。技术上来讲，clip属性被IE支持，但是只支持无逗号的语法，比如

ExampleSourceCode 

广州网站建设,网站建设,广州网页设计,广州网站设计

1. div.clipped{  
2. padding:20px;  
3. width:400px;  
4. height:400px;  
5. clip:rect(20px300px200px100px);  
6. position:absolute;  
7. }  
8.  

上面的样式（rect后面括号里的属性没有用逗号隔开）在大多数浏览器下都可运行，但是可能不会通过CSS验证，因为语句没有用逗号隔开。

十、CSS属性之:focus

这是另外一个伪类需要在这里被提及的，因为所有的非IE浏览器，都支持这个属性。:focus伪类允许你声明一个特别的样式，当一个页面元素成为键盘(鼠标)焦点的时候，将该样式动态的应用到该元素上。这在表单元素上非常有用，因为你可以在一个输入框被选中的时候给它添加一个边框。下面的样式将在输入框成为键盘焦点的时候添加一个红色的边框：

ExampleSourceCode 

广州网站建设,网站建设,广州网页设计,广州网站设计

1. input:focus{  
2. border:1pxsolid#f00;  
3. }  
4.