div布局

最新推荐文章于 2023-04-11 21:28:49 发布

转载最新推荐文章于 2023-04-11 21:28:49 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/123lucy/p/5604676.html

本文介绍了使用CSS进行网页布局的方法，包括div布局、绝对定位、相对定位、锁定定位及流式布局等。此外还讲解了如何实现div居中、设置圆角、阴影效果以及透明度等样式技巧。

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

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

流式布局：float:left;

div特有的属性:z-indx:5 数大盖住数小的，没有上限

永远居中的div：margin:0 auto;
div超出部分隐藏：overflow：hidden;
流式布局：float:left;
定位属性:top、left
margin:这个div距离边上其他元素要空多大距离
返回顶部：用position:fired，<a href="#"></a>
logo是png
注释是/* */

小图标：
<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;

转载于:https://www.cnblogs.com/123lucy/p/5604676.html