今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是多么的有用. 1.CSS Clip Clip属性就像一个遮蔽物.它可以把元素内容不要的部分遮盖起来.首先要指定元素的位置,以相对定位:position:absolute.然后指定相对于元素的值:top,right,bottom,left. 使用clip做演示
======================= .with_minheight { min-height: 550px; } ======================= 在IE6中的使用 在IE6中这个属性不支持,这里有一个招数. ====================== .with_minheight { min-height:550px; height:auto !important; height:550px; } ====================== 3. White-space white-space属性设置或检索对象内空格的处理方式.如white-space:nowrap会强行换行. ===================== em { white-space: nowrap; } ===================== 4. Cursor 如果你更改了按扭的行为,那么你也应该改变光标的行为.如:当一个按扭被禁用的时候,光标应该项是默认的(箭头),来表示按扭是无法点击的.所以,cursor属性在网络应用程序开发非常有用. ======================== .disabled { cursor: default; } .busy { cursor: wait; } .clickable:hover { cursor: pointer; } ======================== 5. Display inline / block block元素占据一行,而inline则会在同一行显示. ,
,标签是block元素.,, |