上下垂直居中 在线演示 DIVCSS5
#main {
position: absolute;
width:400px;
height:200px;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-100px;
border:1px solid #00F
}
/*css注释:为了方便截图,对CSS代码进行换行*/
DI...
分类:
Web程序 时间:
2014-06-05 11:36:39
阅读次数:
253
Ladda 应用提交表单的时候显示loading加载中 包括不同位置,不同效果 不同大小,位置,效果,进度条等演示 XML/HTML Codearticle class="examples" style="margin-top:0px;"> section class="button-demo"> h3>expand-lefth3> button class="ladda-button" d...
分类:
其他好文 时间:
2014-06-05 06:46:10
阅读次数:
367
元素缩写font中属性的放置顺序是严格遵守的,否则不会生效。Font:font-stylefont-weightfont-sizefont-familiy;(注:font-size和font-family是font的必须属性,并且font-size一定要放在font-family的前面)Margin...
分类:
Web程序 时间:
2014-06-03 14:04:28
阅读次数:
375
线性渐变背景色:第
一个参数为渐变方式,后两个参数为起始点位置和终止点位置,后两个参数为起始颜色和终止颜色,后面那个参数为背景区域padding表示包含
padding的区域,content表示不包含content的区域,最后那个参数为背景的实际使用区域,可以为content或padding。线性渐...
分类:
Web程序 时间:
2014-06-03 13:52:00
阅读次数:
366
对于这个布局方式我们可以是用绝对定位的方式来实现这个效果无标题文档如果想要使得中间有空隙的话就只要改一下right 和left的值就可以了margin:0
310px 0 210px;
分类:
Web程序 时间:
2014-06-03 12:08:37
阅读次数:
302
DIV绝对定位后,如何水平居中显示在浏览器中?.div { width:1000px;
position:absolute; left:50%; margin-left:-500px;
}关键在于margin-left:-500px的值是根据div的宽度决定,取其宽度的一半。注:主要用于新手引导功能...
分类:
其他好文 时间:
2014-06-03 04:15:57
阅读次数:
182
1.html 部分 2.css 部分.spinner { margin: 100px auto;
width: 50px; height: 60px; text-align: center; font-size: 10px;} .spinner >
div { back...
分类:
Web程序 时间:
2014-05-31 11:52:06
阅读次数:
555
css中常常会见到margin-left:-20px;这类,有点晕,所以整理一下~ 主要分为两种情况:
一、没有浮动的元素 /* mydiv1向上移动10px */#mydiv1 {margin-top:-10px;}/* mydiv1向左移动10px
*/#mydiv1 {margin-l...
分类:
其他好文 时间:
2014-05-31 04:38:47
阅读次数:
268
经常在工作中或者在面试中会碰到这样的问题,比如我想要个布局右侧固定宽度 左侧自适应或者三列布局
左右固定 中间自适应的问题。 下面我们分别来学习下,当然我也是总结下而已,有如以下网站源码方法:一:右侧固定宽度
左侧自适应 第一种方法:左侧用margin-right,右侧float:right 就可以...
分类:
Web程序 时间:
2014-05-30 18:51:18
阅读次数:
417