码迷,mamicode.com
首页 > 其他好文 > 详细

div布局

时间:2016-06-21 22:24:40      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:

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百度艺术字生成

div布局

标签:

原文地址:http://www.cnblogs.com/sunshuping/p/5604928.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!