码迷,mamicode.com
首页 >  
搜索关键字:margin    ( 11204个结果
JQuery实现文本放大效果
html页面 无标题文档 *{ margin:0px; padding:0px; } $(function(){ $("#info").bigShow([3,3,4,4,4]); })     需要放大...
分类:Web程序   时间:2015-04-29 21:52:43    阅读次数:237
2015年4月29日学习笔记
1、又学到了一种水平垂直居中的方法。适用于父级元素只有一个子元素的情况,比如全屏的效果。 父级元素:pos-r, w、h设定;(emmet代码, 下同) 子元素: pos-a,w、h设定, t0 b0 l0 r0, m-a。 以前只知道margin: 0 auto之类的,从来没想到ma...
分类:其他好文   时间:2015-04-29 21:25:45    阅读次数:129
纯css实现div三列等高布局的最简单方法简化版/也可以多列
使用正padding和负margin对冲实现多列布局方法 这种方法很简单,就是在所有列中使用正的上、下padding和负的上、下margin,并在所有列外面加上一个容器,并设置overflow:hiden把溢出背景切掉。 html代码 left left left ...
分类:Web程序   时间:2015-04-29 21:06:59    阅读次数:118
【CSS3练习】3D盒子制作
先发个3D盒子最终效果图制作步骤1:创建基本结构分布把6个面定义到3×3的画布上,1和4暂且是重叠的。html结构比较简单: 1 2 3 4 5 6 CSS部分: *{margin:0;padding:0;} .box{margin:50px auto;width: 300px;hei...
分类:Web程序   时间:2015-04-29 16:53:44    阅读次数:139
CSS盒子模型
CSS(10)盒子模型 CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(margin) 的方式。在HTML文档中,每个元素(element)都有盒子模型,....
分类:Web程序   时间:2015-04-29 13:04:27    阅读次数:181
css sprite 动画制作
首先我们先要需要一张图片  可以百度css sprite 图片保存到电脑,就可以用了 新建一个html文件和css文件 div{ height: 93px;/*要显示框架的高度,可用尺子量*/ width: 35px;/*要显示框架的宽度,可用尺子量*/ margin: 100px; position: re...
分类:Web程序   时间:2015-04-29 10:05:09    阅读次数:112
css布局:左边固定宽度,右边自适应宽度或右侧固定,左侧自适应三种方法
方法一:浮动布局 这种方法我采用的是左边浮动,右边加上一个margin-left值,让他实现左边固定,右边自适应的布局效果 HTML Markup Left sidebar Main Content CSS Code 上面这种实现方法最关键之处就是自适应宽度一栏“div#content”的“marg...
分类:Web程序   时间:2015-04-29 08:37:55    阅读次数:1362
CSS布局之-强大的负边距
css中的负边距(negative margin)是布局中的一个常用技巧,只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距,所以掌握它的用法对于前端的同学来说,那是必须的。本文非常基础,老鸟可以略过。 负边距在普通文档流中的作用和效果-影响元素在文档流中的位置 那些没有脱...
分类:Web程序   时间:2015-04-29 08:37:34    阅读次数:140
css布局两边固定中间自适应的四种方法
第一种:左右侧采用浮动 中间采用margin-left 和 margin-right 方法。 代码如下: 这是右侧的内容 固定宽度 这是左侧的内容 固定宽度 中间内容,自适应宽度 第二种:左右两侧采用绝对定位 中间同样采用margin-left margin-right方法: 第三种负的margin...
分类:Web程序   时间:2015-04-29 08:37:03    阅读次数:128
双飞翼布局介绍-始于淘宝UED-2011年淘宝玉伯写的
仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用: 浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术。只要巧妙组合,并加以灵活运用,就能“拼”出各种布局的实现方案。 尝试之路考虑以下DOM结构: .....
分类:其他好文   时间:2015-04-29 00:26:51    阅读次数:218
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!