css 格式与布局

格式与布局

首先去掉布局时 html 的3mm 边框 

 * {

         padding:0;

         margin:0;                       

    }

一：位置

1·position：fixed

   锁定位置（相对于浏览器的位置）

 

2·position:absolute

 绝对位置，相对于父级元素（浏览器绝对定位的上级）

 

3·position:relative

  相对位置，相对与自身应该出现的位置

 

4·

top：距离上边的距离

right：距离右边的距离
bottom：距离下边的距离
left：距离左边的位置

 

二：流

float：left 向左流

float：right 向右流

clear：both 清掉流

 

 

分层：

z-index：数字； 值越大越靠上

 

半透明效果

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

//样式表中的代码

.box{

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