标准的CSS盒子模型包括：内容(content)、填充(padding)、边框(border)、边界(margin)这些属性，可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。那么内容（CONTENT）就是盒子里装的东...
分类：
Web程序 时间：
2014-12-18 22:03:06
阅读次数：
236
使用下面的代码作为演示例子。 无标题文档 Box-1 Box-2 Box-3 这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的...
分类：
Web程序 时间：
2014-12-15 13:33:30
阅读次数：
351
盒子模型是CSS控制页面时一个很重要的概念。整个牛腩发布系统中都贯穿着盒子模型的使用，只有很好的掌握了盒子模型以及其中每个元素的用法，才能真正的控制好页面中的各个元素。页面中的元素都可以看成一个盒子，这些盒子之间也会相互影响。
一、盒子的内部结构
首先，我们看一个例子。假如墙上有四幅画，如图排列，对于每一幅画来说，都有一个边框（border）；每个画框中，画和边...
分类：
Web程序 时间：
2014-11-30 18:46:46
阅读次数：
284
CSS盒子模型:
早期的网页设计主要是表格,后来主要是div+css
盒子模型：
1.边框：border：
border-top、border-bottom、border-left、border-right
2.内边距：padding：
padding-top、padding-bottom、padding-left、padding-right
3.外边距：margin：...
分类：
Web程序 时间：
2014-11-24 01:14:21
阅读次数：
222
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
CSS中的盒子模型通常由四部分组成：内容（content）、填充（padding）、边框（border）、边界（margin）。
这里的内容就相当于箱子里的电脑，填充就相当于泡沫，边框就相当于纸箱，边界就相当于每个纸箱之间的距离。
对这四部分进行说明：
内容（content）：盒子模型中的内容，可以是文字、图片、表格等等；
填充（padding）：内容与盒子边框的距离，可拆分为padding-top;padding-right;pad...
分类：
Web程序 时间：
2014-10-24 01:48:48
阅读次数：
244
盒子属性的顺序是：顺时针，上右下左。 三个时：上 ，左右，下 两个是：上下，左右。 一个是：上下左右。
分类：
Web程序 时间：
2014-10-18 12:33:36
阅读次数：
194
inline-block前端程序猿们肯定不陌生，它是display属性的一个取值。 之所以称之为inline-block。是因为它兼具行内元素(inline-element)和块级元素(block-element)的特征。块级元素（block elements）,来源于CSS盒子模型。块级元素...
分类：
其他好文 时间：
2014-10-14 15:58:08
阅读次数：
205
CSS盒模型图解 下面是一幅关于应用了CSS的元素是如何显示它的尺寸的图示。 在本篇文章中，所有的浏览器在计算盒模型总宽度时处理margin属性的方式都是一致的，所以我们将更多的精力放在padding和border属性上。W3C盒模型 首先看一下《 the W3C box model》，这里所写出....
分类：
Web程序 时间：
2014-10-11 23:43:17
阅读次数：
347
