html页面
无标题文档
*{
margin:0px;
padding:0px;
}
$(function(){
$("#info").bigShow([3,3,4,4,4]);
})
需要放大...
分类:
Web程序 时间:
2015-04-29 21:52:43
阅读次数:
237
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
使用正padding和负margin对冲实现多列布局方法 这种方法很简单,就是在所有列中使用正的上、下padding和负的上、下margin,并在所有列外面加上一个容器,并设置overflow:hiden把溢出背景切掉。 html代码 left left left ...
分类:
Web程序 时间:
2015-04-29 21:06:59
阅读次数:
118
先发个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(10)盒子模型 CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(margin) 的方式。在HTML文档中,每个元素(element)都有盒子模型,....
分类:
Web程序 时间:
2015-04-29 13:04:27
阅读次数:
181
首先我们先要需要一张图片 可以百度css sprite 图片保存到电脑,就可以用了
新建一个html文件和css文件
div{
height: 93px;/*要显示框架的高度,可用尺子量*/
width: 35px;/*要显示框架的宽度,可用尺子量*/
margin: 100px;
position: re...
分类:
Web程序 时间:
2015-04-29 10:05:09
阅读次数:
112
方法一:浮动布局 这种方法我采用的是左边浮动,右边加上一个margin-left值,让他实现左边固定,右边自适应的布局效果 HTML Markup Left sidebar Main Content
CSS Code 上面这种实现方法最关键之处就是自适应宽度一栏“div#content”的“marg...
分类:
Web程序 时间:
2015-04-29 08:37:55
阅读次数:
1362
css中的负边距(negative margin)是布局中的一个常用技巧,只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距,所以掌握它的用法对于前端的同学来说,那是必须的。本文非常基础,老鸟可以略过。 负边距在普通文档流中的作用和效果-影响元素在文档流中的位置 那些没有脱...
分类:
Web程序 时间:
2015-04-29 08:37:34
阅读次数:
140
第一种:左右侧采用浮动 中间采用margin-left 和 margin-right 方法。 代码如下: 这是右侧的内容 固定宽度 这是左侧的内容 固定宽度 中间内容,自适应宽度 第二种:左右两侧采用绝对定位 中间同样采用margin-left margin-right方法: 第三种负的margin...
分类:
Web程序 时间:
2015-04-29 08:37:03
阅读次数:
128
仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用: 浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术。只要巧妙组合,并加以灵活运用,就能“拼”出各种布局的实现方案。 尝试之路考虑以下DOM结构: .....
分类:
其他好文 时间:
2015-04-29 00:26:51
阅读次数:
218