盒子模型有两种,分别为标准 W3C 盒子模型和 IE 盒子模型。他们对盒子模型的解释各不相同。我们先来看熟悉的标准 W3C 盒子模型:从上图可以看出,标准 W3C 盒子模型的范围包括margin、border、paddding、content,并且content宽度计算不包括其他部分。再来看 IE ...
分类:
Web程序 时间:
2015-07-22 18:30:50
阅读次数:
135
1 2 3 4 5 6 练习 7 10 30 31 32 33 34 35 36 37 38 39 40 如:css写法为margin-left:300px;但js写法为marginLeft
分类:
Web程序 时间:
2015-07-22 17:58:46
阅读次数:
121
这段时间在做一个掷筛子抽奖的小游戏:下面将部分代码做了下整理:
演示:jQuery掷色子动画
.demo{width:760px; height:120px; margin:10px auto;}
.wrap{width:90px; height:90px; margin:120px auto 30px auto; ...
分类:
Web程序 时间:
2015-07-22 13:20:06
阅读次数:
438
1 div在页面居中的问题 1)position值为relative时(相对定位),css设置属性margin:0 auto;(0 auto,表示上下边界为0,左右则根据宽度自适应相同值,即居中)即可。 2)position值为relative时(绝对定位),css设置属性 text-align:c...
分类:
Web程序 时间:
2015-07-21 20:27:47
阅读次数:
103
原文:http://www.cnblogs.com/xiangzi888/archive/2011/10/12/2209514.htmlHTML标签CSS属性默认值汇总这个东西,在你需要还原默认值的时候,比较有用。开始的时候 *{margin:0;padding:0;},当需要使用边距的时候,就需要...
分类:
Web程序 时间:
2015-07-21 16:42:57
阅读次数:
117
CSS3绘图
div{
width:200px;
height:200px;
border:#F00 solid 1px;
margin-bottom:10px;
text-align:center;
vertical-align:middle;}
/*4个角的半径全部是20px*/
div:first-of-type{
border-radius:20px;}
/*...
分类:
Web程序 时间:
2015-07-20 23:39:34
阅读次数:
183
无标题文档
body{
background-color:#CCC;}
#phone{
width:250px;
height:500px;
background-color:#2e2e2e;
margin:60px auto;
border:#3b3b3b solid 10px;
border-radius:50px;
box-shadow:3px 5px 5px 1...
分类:
移动开发 时间:
2015-07-20 21:38:21
阅读次数:
135
1、网站常见小图标调用方式: 将所有小图标做在一张大图上a.png,然后根据横纵轴来调用。 background:url("a.png") -23px -70px no-repeat;2、块级元素居中的常见写法: margin:0px auto;3、如何让超链接影响到整个块? 将行内元素变成...
分类:
Web程序 时间:
2015-07-20 21:21:56
阅读次数:
220
div速度 运动:
代码如下:
速度 运动
body{paddiing:0;margin:0}
#div1{width:200px; height:200px;background-color:red; position:relative;left:-200px; top:0;}
#div1 span{width:20px;height:50px; background-color:bl...
分类:
Web程序 时间:
2015-07-20 19:36:54
阅读次数:
123
今天想把图片居中,发现margin:0 auto;不管用。经过调试,是inline元素,margin的这种定义不生效。更正css为:.banner-img { width: 1366px; height: 300px; display: block; margin: 0 auto; mar...
分类:
其他好文 时间:
2015-07-20 18:57:24
阅读次数:
95