每个元素（块级和内嵌）都会有个矩形盒子，这个盒子为元素盒，盒子的中间（center）为元素的内?容，center区域内的距离为元素的高度（height）、宽度（width）。在盒模型中?padding就是内容?（cen...
分类：
Web程序 时间：
2014-07-22 09:10:34
阅读次数：
266
10.2 盒模型和display属性 10.2.1 两种最基本的盒模型 block类型：这种盒模型的组件默认占据一行，允许通过CSS设置宽度、高度、例如、元素。 inline类型：这种盒模型的组件不会占据一行（默认允许在一行放置多个组件），即使通过CSS设置宽度、 ...
分类：
其他好文 时间：
2014-07-21 09:34:27
阅读次数：
265
10.2.5 表格相关的盒模型 CSS3还为display提供了如下属性值。 table:将目标HTMl组件显示为表格。 table-caption:将目标HTML组件显示为表格标题。 table-cell:将目标HTML组件显示为单元格。 table-column:...
分类：
其他好文 时间：
2014-07-21 09:28:35
阅读次数：
166
转载请注明出处！需要掌握的三个最重要的CSS概念是浮动，定位和盒模型。盒模型概述：页面上的每个元素都被看做一个矩形框（元素框or盒模型），这个框由元素内容，内边距，边框和外边距组成。内边距出现在内容区域的周围，如果为元素添加背景，那么背景就会应用于由内容和内边距组成的区域。添加边框会在内边距的区域外...
分类：
Web程序 时间：
2014-07-19 23:07:05
阅读次数：
303
box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(...
分类：
Web程序 时间：
2014-07-18 15:23:41
阅读次数：
337
Html,在我的理解中,就是通过标记对资源的布局和样式进行改变。布局体现的是一种位置关系，是将特定资源作为一个整体来看的。样式体现的是个体资源的特定属性，如大小，颜色等。对于布局，使用盒模型。对于样式，使用样式表。盒模型，从理论上来说，就是资源一定被放入一个块中，这个块的属性有内边距、外边距、边框等...
分类：
Web程序 时间：
2014-07-14 00:28:31
阅读次数：
214
IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks Mode。所以为兼容性考虑，我...
分类：
其他好文 时间：
2014-07-10 11:58:27
阅读次数：
4940
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
Web程序 时间：
2014-07-10 09:56:16
阅读次数：
238
###[Github pages 博文](http://magicdawn.github.io/2014/06/28/css-chediyanjiu-2/)#一 . CSS盒模型##1.盒子的结构margin-border-padding结构 + 内容content 组成盒模型注意1. width,...
分类：
Web程序 时间：
2014-07-07 19:50:55
阅读次数：
227
本文将讲述 CSS 中最核心的几个概念，包含：盒模型、position、float等。这些是 CSS 的基础，也是最经常使用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。 元素类型HTML 的元素能够分为两种：块级元素（block level el....
分类：
Web程序 时间：
2014-07-03 22:14:13
阅读次数：
232
