格式布局

一、审查元素中stytle样式从内到外：

　　100x100-padding（不用管）-border(表格边框)-margin(表外边框)

　　默认margin=10;

　　top,right,left,bottom-是指margin相对于浏览器的距离。

二、-------div嵌套

　　<div id="a">a<div id="aa">aa</div></div>

　　------a占一行，aa占一行

　　<div id="a">a</div>
　　<div id="aa">aa</div>-

三、position:fixed;------相对于浏览器的位置进行锁定。

　　position:absolute;-------只有在有父级并且父级里头有position属性时才会相对父级坐标定位。其他时候都是相对浏览器定位。

　　position:relative;------不会。

四、分层

　　z-index;

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

　　在不设分层时，默认后写的代码覆盖先写的代码。

五、流式布局------网页广告

　　float:left,right;

六、1.overflow:hidden;    //超出部分隐藏；

　　　overflow:scroll; //超出部分显示出滚动条；

　　2.半透明效果：

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

　　在样式表中的代码为：

　　.box

　　{

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

　　}