css 格式与布局

weixin_33852020

于 2017-03-30 20:09:00 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiulinghoudabai/p/6648228.html

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

格式与布局

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

转载于:https://www.cnblogs.com/jiulinghoudabai/p/6648228.html