格式与布局定位

格式与布局(定位）

 

1、position：fixed锁定位置（相对于浏览器的位置）
滚动条移动时，加position：fixed的标签不动。
2、position：absolute绝对定位
2.1外层没有position:absolute（或relative）;，那么div相对于浏览器定位。
2.2外层有position:absolute（或relative）;，那么div相对于外层边框定位。
外层会限制内层的定位。
3、position：relative相对定位
相对于默认位置的移动。
4、分层（z-index）
Z轴方向为电脑到人的方向，可以理解为分成一摞纸，层数越高越靠上。默认值为1。
值越大显示在上面。 
5、float：left，right
float：left从左边开始放标签，
float：right从右边开始放标签。
横向放不下会起一行，排列方式同上一行。
overflow:hidden; 内层超出外层时超出部分隐藏；scroll,显示出滚动条； 
<div style="clear:both"></div> 截断流
6超链接样式：
<style type="text/css">
a:link /*未指向时链接的格式*/
{
color:blue;
}

a:visited /*访问后链接的格式*/
{
color:green;
}

a:hover /*设置鼠标指向链接时的形式*/
{
color:red;
}

a:active /*点击超链接时的格式*/
{
color:red;
}
</style>

cursor:pointer 鼠标指到上面时的形状。

7半透明效果
<div class="box">透明区域</div>
样式表中代码：
.box
{
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50) 
}