盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：缩写的顺序是上->右->下->左。顺时针的方向。相对的边的值相同，则可以省掉：margin:1px;//四个方向的边距相同，等同于margin:1...
分类：
Web程序 时间：
2014-10-26 16:45:10
阅读次数：
175
#box{width:832px;height:832px;margin:0 auto;border:1px solid red;}
.col{width:50px;height:50px;border:1px solid #fff;float:left;background:url(xin.jpg) no-repeat;}
...
分类：
编程语言 时间：
2014-10-25 17:23:21
阅读次数：
192
本文转载自：http://www.cnblogs.com/linjiqin/p/3556497.html ，感谢相关博主。图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列...
分类：
Web程序 时间：
2014-10-24 18:16:08
阅读次数：
217
在实现散列布局的时候，遇到一个问题，想用自适应布局，即左右两列分别为左右浮动，中间列自适应html代码如下 对应CSS代码为：#wrap{ width: 80%; border: 1px solid #dda; height: 98px; margin: 0 auto; } #le...
分类：
其他好文 时间：
2014-10-24 16:00:08
阅读次数：
194
其实从使用的时候就可以区别开来。
android:padding
android:layout_margin
padding是在本控件级别的,而margin是在layout级别的。
最好拿有背景的控件做测试：
padding：
margin:...
分类：
移动开发 时间：
2014-10-24 14:41:46
阅读次数：
173
水平居中文本、图片等行内元素的水平居中给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中确定宽度的块级元素的水平居中通过设置margin-left:auto;和margin-right:auto来实现不确定宽度的块级元素的水平居中（以分页模块为例，ul li实现分页...
分类：
其他好文 时间：
2014-10-24 12:46:35
阅读次数：
177
元素排版默认为文档流，脱离文档流（1.position：relative2.position：absolute）relative中top属性不能用百分比，absolute中margin：auto无效。
分类：
其他好文 时间：
2014-10-24 11:09:57
阅读次数：
129
1.概述css盒子模型
1>先看看w3c的概述
2>其实css每个元素都是一个盒子（盒模型）
2.css盒子模型种类
1>w3c标准模型—————————>element空间宽度 = content内容 + border + padding + margin
2>IE传统模型（IE6-）—————>element = content = content(border + paddin...
分类：
Web程序 时间：
2014-10-24 11:06:11
阅读次数：
326
网站制作离不开网页布局就是说DIV+CSS都会涉及到的，以下是工作中总结的一些技巧，留下备用，也可以学习网页前端教程（div+css+jquery）。 1、ul：默认的ul的margin和padding不是0，如果在导航中用到了左浮动的li，往往会把外部的div撑大，导致页面变形，改成： ul{ma...
分类：
Web程序 时间：
2014-10-24 10:48:52
阅读次数：
212
CSS中的盒子模型通常由四部分组成：内容（content）、填充（padding）、边框（border）、边界（margin）。
这里的内容就相当于箱子里的电脑，填充就相当于泡沫，边框就相当于纸箱，边界就相当于每个纸箱之间的距离。
对这四部分进行说明：
内容（content）：盒子模型中的内容，可以是文字、图片、表格等等；
填充（padding）：内容与盒子边框的距离，可拆分为padding-top;padding-right;pad...
分类：
Web程序 时间：
2014-10-24 01:48:48
阅读次数：
244
