POSITION－设置定位方式

属性值：static | absolute | fixed | relative
  
<style type=“text/css”>
#style1 { position:absolute； right:10px;bottom:10px; }
#style2 { position:relative; }
</style> 
 
top, left, right, bottom
设置元素位置
以position定义出来的原点为基准，设置元素的位置  
 
VISIBILITY－设置对象是否可见
定义这个层级是不是要在画面上显示出功能来，最常利用java script来动态控制某个层级的显示状况，进而达到动态的效果
默认值是visible，不显示则设定成hidden
display-－设置对象显示方式
display : block | none | inline | ……
可以各种不同的方式显示对象
display=none;与visibility=hidden;是不一样的
后者为隐藏的对象保留其占据的物理空间，而前者则不保留 
<style type=“text/css”>
#style1 { visibility:visible }
#style1 { visibility:hidden }
</style>
<body>
<div style=“float:left”>……</div>
<strong style="display:block;clear:both;"> …… </strong>
</body>
  
Z-INDEX－设置层叠顺序
•当定位多个元素并将它们相互重叠时，可以使用该属性设置元素在Z轴的层叠顺序
z-index : number
•属性值越大表示在越上层
•这边填入的数字没有单位  
<style type=“text/css”>
#style1 { z-index:100 }
</style>