盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conte....
分类：
Web程序 时间：
2015-05-19 22:18:11
阅读次数：
177
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
Web程序 时间：
2015-05-17 23:05:05
阅读次数：
134
文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大...
分类：
编程语言 时间：
2015-05-15 13:22:23
阅读次数：
141
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有...
分类：
Web程序 时间：
2015-05-10 23:42:35
阅读次数：
187
display:inline-block display值为inline-block的元素内部形成一个块状盒模型，而本身形成类似一个内联的被替代元素。即display为inline-block的元素既可以像块状元素一样定义高度宽度，又可以和内联元素（比如文字）排列在一行。 将对象呈递为内联对象，但....
分类：
其他好文 时间：
2015-05-07 00:39:50
阅读次数：
118
一、关于弹性盒模型box是先出来的，flex后出，现在主要用flex。但是box有一个特性是flex没有的，文字可以垂直居中~设了宽度+padding+border记住加：box-sizing: border-box;-webkit-box-sizing:border-box;二、input css...
分类：
其他好文 时间：
2015-05-06 14:53:57
阅读次数：
108
CSS属性书写顺序,建议遵循 Positioning(定位) -> Box model（盒模型） -> typographic （排版）->visual（视觉） ->other/* Positioning */position: absolute;top:0;right:0;bottom:0;lef...
分类：
Web程序 时间：
2015-05-05 16:15:39
阅读次数：
118
作者长期以来使用表格、浮动、行内块元素和其他 CSS 属性来布局网站内容。然而，这些并不是为复杂的页面和网页应用而设计的。不管是简单的垂直居中，还是灵活的网格布局都很难靠一己之力轻易实现，因此成就了CSS 网格框架。但是，如果真的需要那么多项目来实现做这些事，为什么不让它来的更简单些呢？Flexbo...
分类：
其他好文 时间：
2015-05-05 16:12:04
阅读次数：
136
1. 负边距对由文档流控制的元素的作用是，会使它们在文档流中的位置发生偏移，但这种偏移不同于相对定位，通过相对定位偏移后，其仍然会坚守着它原来占据的空间，而通过负边距移动后的元素，其原来的空间会被后来的元素占据。注意：负margin不会使元素脱离文档流。2. 在文档流中，元素的最终边界是由m...
分类：
其他好文 时间：
2015-04-27 12:35:59
阅读次数：
96
