格式与布局
首先去掉布局时 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)
}

本文详细介绍了CSS中各种布局方式的使用方法,包括fixed、absolute、relative定位,以及如何使用top、right、bottom、left属性调整位置。同时,还讲解了如何通过float属性实现元素流动,使用clear属性清除浮动,并介绍了z-index属性来控制元素层级。此外,文章还提供了实现半透明效果的方法。
1万+

被折叠的 条评论
为什么被折叠?



