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)
}