本篇内容主要讲解“四大CSS属性用法介绍”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“四大CSS属性用法介绍”吧!
四大CSS属性用法
◆DIV绝对位置属性：
CSS属性种DIV绝对位置属性有四个属性：top、right、bottom和left，属性值为长度单位或百分数：
属性名称:'top'、'right'、'bottom'、'left'
属性值:<length><percentage>auto
初始值:none
适合对象:所有元素
是否继承:no
百分比备注:被禁止
利用以上属性，用户就可以精确定义元素的位置，如：
<PstylePstyle="position:relative;margin-right:10px;left:10px;"> Iusedtworedhyphenstoserveasachangebar.They will"float"totheleftofthelinecontainingTHIS <SPANstyleSPANstyle="position:absolute;top:auto; left:0px;color:red;">--</SPAN> word.</P>◆z-index属性：
在CSS中允许元素的重叠显示，这样就有一个显示顺序的问题，CSS属性中的z-index属性描述了元素的前后位置，如果把电脑屏幕看作X-Y平面的话，那么Z轴就是垂直于屏幕的，z-index使用整数表示元素的前后位置，数值越大，就会显示在相对靠前的位置，并且CSS同意在z-index中使用负数。
属性名称:'z-index'
属性值:auto<integer>
初始值:auto
适合对象:使用position属性的元素
是否继承:no
百分比备注:被禁止
◆overflow属性：
在规定元素的宽度和高度时，如果元素的面积不足以显示全部内容的话就要用到CSS属性中的overflow属性：
属性名称:'overflow'
属性值:visiblehiddenscrollauto
初始值:visible
适合对象:元素的position属性
是否继承:no
百分比备注:被禁止
属性值含义如下：
visible：扩大面积以显示所有内容。
hidden：隐藏超出范围的内容。
scroll：在元素的右边显示一个滚动条。
auto：当内容超出元素面积时，显示滚动条。
◆clip属性：
CSS属性中还提供了一种clip属性，可以把元素区域剪切成各种形状，但目前提供的只有方形一种：
属性名称:'clip'
属性值:<shape>auto
初始值:auto
适合元素:元素的position属性被设为absolute
是否继承:no
百分比备注:被禁止
<shape>值为rect(toprightbottomleft)。
到此，相信大家对“四大CSS属性用法介绍”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
