div布局

Posted 2020-07-28 斐雪

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

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

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" />
用百度搜ico转换或ico在线

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;

l百度艺术字生成