CSS常用的几个属性介绍

这篇文章主要讲解了“CSS常用的几个属性介绍”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS常用的几个属性介绍”吧!

成都一家集口碑和实力的网站建设服务商,拥有专业的企业建站团队和靠谱的建站技术,十载企业及个人网站建设经验 ,为成都数千家客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设,品牌网站设计,同时也为不同行业的客户提供网站制作、成都做网站的服务,包括成都电商型网站制作建设,装修行业网站制作建设,传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联建站

5个实用的CSS属性

这篇文章介绍了5个实用的CSS属性。你应该很熟悉,但很可能很少会使用到。我并不是在谈论展望全新的CSS3属性,我指的是旧的CSS2中的属性,如:clip,min-height,white-space,curosr和display等一些被所有浏览器广泛支持的属性。因此,千万不要错过这篇文章,因为你可能发现它们竟有如此之大的用途。

1、CSSClip

剪辑(clip)属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素:你必须指定其position属性为absolute,然后指定相对于元素的top,right,bottom,left值。

CSS常用的几个属性介绍

图片剪辑实例(演示)

以下示例演示了如何使用clip属性掩盖一张图片。首先,指定

元素为position:relative,然后指定CSS常用的几个属性介绍

.clip{  position:relative;  height:130px;  width:200px;  border:solid1px#ccc;  }  .clipimg{  position:absolute;  clip:rect(30px165px100px30px);  }

2、Min-height(演示)

min-height属性允许你指定元素的最小高度,适用于需要平衡布局的情况。我将它用于Job面板上,以确保内容区域高于侧边栏。

CSS常用的几个属性介绍

.with_minheight{  min-height:550px;  }

IE6的Min-heighthack

注:神奇的IE6原生不支持min-height属性,不过幸好有一个min-heighthack。

.with_minheight{  min-height:550px;  height:auto!important;  height:550px;  }

3、White-space(演示)

white-space属性指定了元素中空白的处理方式。比如,指定white-space:nowrap会阻止文本自动换行。

CSS常用的几个属性介绍

em{  white-space:nowrap;  }

4、Cursor(演示)

如果你改变了按钮的行为,其指针也应该随之改变。比如,当一个按钮不可用时,指针应该改变为默认的箭头,来表明它不可点击。因此,cursor属性在开发Web应用程序时相当有用。

CSS常用的几个属性介绍

.disabled{  cursor:default;  }   .busy{  cursor:wait;  }   .clickable:hover{  cursor:pointer;  }

5、Displayinline/block(演示)

如果你不知道:块级元素是作为独立的一行来渲染的,而行内元素是在同一行被渲染的。

标签都是块级元素,,,都是行内元素。通过display:inline或block的方式,你可以重设这些元素的display样式。

CSS常用的几个属性介绍

.blockem{  display:block;  }   .inlineh5,.inlinep{  display:inline;  }

感谢各位的阅读,以上就是“CSS常用的几个属性介绍”的内容了,经过本文的学习后,相信大家对CSS常用的几个属性介绍这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


本文名称:CSS常用的几个属性介绍
链接URL:http://scyanting.com/article/pships.html