div布局

Posted 露西&哈特菲利亚

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div布局相关的知识,希望对你有一定的参考价值。

div布局:
依靠css样式表来设置div的样式,如果div没有内容,必须设置高度和背景色,才能看到div;

布局:
position:
absolute:绝对定位!如果父容器没有absolute属性,那么此标记就会继续往外找,如果都没有,它就会以浏览器的左上角为起点定位;
relative:相对定位!
fixed:锁定定位!

永远居中的div:margin:0 auto;
div超出部分隐藏:overflow:hidden;
流式布局:float:left;


小图标:
<link href="images/bitbug_favicon.ico" type="image/x-icon" rel="shortcut icon" />

DIV圆角:
-moz-border-radius: 65px;
-webkit-border-radius: 65px;
border-radius: 65px;

阴影:
box-shadow: 3px 5px 22px black;
左边阴影宽度,下面阴影宽度,扩散程度,阴影颜色

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

 

以上是关于div布局的主要内容,如果未能解决你的问题,请参考以下文章

网页设计中采用div+css布局,这里的DIV是啥意思?

div+css布局的基本流程

css布局问题 两个div我想让小div在大div中水平和垂直都居中

为啥要用div+css来进行网页布局?

这张图用div+css写这个两列布局左侧一列3行怎么写,算上图标

DIV+CSS布局和TABLE布局的优缺点