码迷,mamicode.com
首页 >  
搜索关键字:margin    ( 11204个结果
css实现各种垂直居中的方法
随着接触的项目越来越多,就可以感受到“居中”应用的非常广泛。水平居中,这里就不多说了,margin:0 auto就可以解决。最令人烦恼的是垂直居中,这也是本章将重点总结的地方。下面按类来划分垂直居中的解决方法: 1.单行文本垂直居中 代码:div p{ line-height: 30...
分类:Web程序   时间:2015-08-11 17:39:08    阅读次数:120
2015/08/11博客园页面(自身)
--------------------页面定制CSS代码/*------CSS Code-----------------------------------*/.subtitle{ font-size:200%; margin-left:750px; margin-top:-30px; ...
分类:其他好文   时间:2015-08-11 16:05:00    阅读次数:139
【技术】创建一个 <input> 元素,同时设定 type 属性、属性值,以及一些事件
鼠标点击input前: 鼠标点击input后:html部分: css部分:input{ width: 200px; height: 30px; margin: 10px; outline: none; border: 1px solid gray;}.active{ border: 1px s...
分类:其他好文   时间:2015-08-11 13:44:46    阅读次数:125
下拉刷新
JS版   下拉刷新 body{ margin:0px auto; padding:0px; } *{ margin:0px auto; padding:0px; } #mainContent{ margin-top:20px; width:200px; height:300px; border:1px solid #ccc; overflow:sc...
分类:其他好文   时间:2015-08-11 10:08:29    阅读次数:118
各大网站CSS代码初始化集合
css代码之所以初始化,是因为能尽量减少 各浏览器之间的兼容性问题!腾讯QQ官网 样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0...
分类:Web程序   时间:2015-08-11 08:31:24    阅读次数:140
探讨行内元素转换为块级元素
行内元素和块级元素对于前端来说是一个很重要的概念。在CSS中,只有块级元素有物理属性,而元素则有三种形态:1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行。2. 行内元素:没有物理属性。但是margin,padding值有用。不占据一行,后边可以有兄弟元素。3.即是块又...
分类:其他好文   时间:2015-08-10 19:58:50    阅读次数:154
html5 canvas 实现简易马祖小游戏
参考妙趣课堂的视频,做了这个游戏,通过这个游戏可以了解到canvas的强大。废话不多说,直接上代码。 html代码: 马祖 css代码:这里我用的是less @black:#000; @white:#fff; * { margin: 0; padding: 0; } body { background-color:@black; } #box {...
分类:Web程序   时间:2015-08-10 11:58:22    阅读次数:181
CSS3实现的一批hover特效
本特效的原版是codepen上面的hover.css项目,个人很喜欢所以把所有的hover特效自己也写了一遍,上传文件麻烦所以直接把css整合到HTML代码中了,代码复制下来保存后即可用浏览器打开浏览。 Hover .container { margin: 0 auto; w...
分类:Web程序   时间:2015-08-10 10:44:43    阅读次数:146
焦点轮播图
*{margin:0px;padding:0px}img{width:400px;height:200px}#ul1 li{list-style: none;float:left;margin-left:14px}#div1{position:absolute;...
分类:其他好文   时间:2015-08-09 22:05:06    阅读次数:148
Jquery实现图片轮播功能
周末闲暇时,参照http://www.cnblogs.com/babyzone2004/archive/2010/08/30/1812682.html实现了个jquery图片轮播特效界面效果:css实现:*{ margin:0; } div{ position:relative; width:600px; height:400px; border:1px#000solid; overflow:hidden; margin:auto; } divul{ lis..
分类:Web程序   时间:2015-08-09 11:01:56    阅读次数:117
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!