格式与布局

1、position:fixed      

锁定位置(相对于浏览器的位置),例如有些网站的右下角弹窗。

2、position:absolute  

1)、外层没有position:absolute(或relative),那么div相对于浏览器定位。

2)、外层有position:absolute(或relative),那么div相对于外层边框定位。

3、positive:relative

相对于默认位置的移动。

4、分层(z-index)

在z轴方向上分层,可以理解为分成一摞纸,层数越高越靠上。

5、float:left,right

Leftright时不用给他规定位置(lefttop),直接相对于浏览器。若外部被包裹,相对于外部div的除去一行的位置的左上或右上显示。

overflow:hidden;   超出部分隐藏;scroll,显示出滚动条。

半透明效果:

<div class="box">透明区域<div>

在样式表中的代码为:

.box

{

opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)

}

原文地址:https://www.cnblogs.com/zk0533/p/5319225.html