码迷,mamicode.com
首页 >  
搜索关键字:margin padding    ( 16354个结果
CSS实现DIV水平居中和上下垂直居中
上下垂直居中 在线演示 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加载中 包括不同位置,不同效果
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
解决div相对定位移动后的空白
解决方法:用margin-top:-100px
分类:移动开发   时间:2014-06-04 20:54:40    阅读次数:570
CSS技巧二
元素缩写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
CSS3-渐变背景色
线性渐变背景色:第 一个参数为渐变方式,后两个参数为起始点位置和终止点位置,后两个参数为起始颜色和终止颜色,后面那个参数为背景区域padding表示包含 padding的区域,content表示不包含content的区域,最后那个参数为背景的实际使用区域,可以为content或padding。线性渐...
分类:Web程序   时间:2014-06-03 13:52:00    阅读次数:366
HTML左边和右边是固定的宽度但是中间是自动的布局方式
对于这个布局方式我们可以是用绝对定位的方式来实现这个效果无标题文档如果想要使得中间有空隙的话就只要改一下right 和left的值就可以了margin:0 310px 0 210px;
分类:Web程序   时间:2014-06-03 12:08:37    阅读次数:302
[小技巧]DIV绝对定位后,只水平居中显示
DIV绝对定位后,如何水平居中显示在浏览器中?.div { width:1000px; position:absolute; left:50%; margin-left:-500px; }关键在于margin-left:-500px的值是根据div的宽度决定,取其宽度的一半。注:主要用于新手引导功能...
分类:其他好文   时间:2014-06-03 04:15:57    阅读次数:182
CSS3 Loading(加载)动画效果
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
margin负值
css中常常会见到margin-left:-20px;这类,有点晕,所以整理一下~ 主要分为两种情况: 一、没有浮动的元素 /* mydiv1向上移动10px */#mydiv1 {margin-top:-10px;}/* mydiv1向左移动10px */#mydiv1 {margin-l...
分类:其他好文   时间:2014-05-31 04:38:47    阅读次数:268
CSS自适应布局(左右固定 中间自适应或者右侧固定 左侧自适应)
经常在工作中或者在面试中会碰到这样的问题,比如我想要个布局右侧固定宽度 左侧自适应或者三列布局 左右固定 中间自适应的问题。 下面我们分别来学习下,当然我也是总结下而已,有如以下网站源码方法:一:右侧固定宽度 左侧自适应 第一种方法:左侧用margin-right,右侧float:right 就可以...
分类:Web程序   时间:2014-05-30 18:51:18    阅读次数:417
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!