盒子模型是CSS控制页面时一个很重要的概念。整个牛腩发布系统中都贯穿着盒子模型的使用，只有很好的掌握了盒子模型以及其中每个元素的用法，才能真正的控制好页面中的各个元素。页面中的元素都可以看成一个盒子，这些盒子之间也会相互影响。
一、盒子的内部结构
首先，我们看一个例子。假如墙上有四幅画，如图排列，对于每一幅画来说，都有一个边框（border）；每个画框中，画和边...
分类：
Web程序 时间：
2014-11-30 18:46:46
阅读次数：
284
这本书包括CSS基础中的盒子模型、浮动、定位等难点，包括CSS 3中的圆角、动画、个性边框、媒介查询等特色，包括CSS的固定布局、流式布局和响应式布局等设计模型，包括最流行的CSS框架Bootstrap、Foundation的实战和DIV+CSS、HTML 5+CSS 3的实战，学习宗旨就是好学、好...
分类：
Web程序 时间：
2014-11-28 15:51:53
阅读次数：
177
这几天在做移动端的web开发，遇到了一些问题，之前没有折腾过这方面的东西，这次好好吸收下css3的flexbox--弹性盒子模型，这个盒模型决定了一个盒子在其他盒子中的分布方式及如何处理可用的空间。优点：可以很轻松的创建自适应的浏览器窗口的流动布局或自适应字体大小的弹性布局。1 2 13 ...
分类：
其他好文 时间：
2014-11-27 20:06:22
阅读次数：
187
浏览器的盒子模型分为两类，一类为标准的w3c盒子模型，另一类为IE盒子模型，两者区别为在Width和Height这两个属性值中是否包含padding和border的值，w3c盒子模型不包含，IE盒子模型则包含，而在jQuery 中，可以通过$.support.boxModel对象返回的值，检测浏览器...
分类：
Web程序 时间：
2014-11-27 10:30:22
阅读次数：
183
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
页面中的元素都可以看作是一个个的盒子，小容器，占据着一定的页面空间。这些被占的空间一般都比内容本身大，通过调整盒子的边框和距离就可以调节盒子的位置和大小。因为一个页面有很多盒子组成，并且盒子之间还有互相影响，所以需要理解盒子自身内部的结构，还需要理解多个盒子之间的关系。padding-border-...
分类：
其他好文 时间：
2014-11-18 23:58:33
阅读次数：
438
第一次接触CSS，感觉和面向对象很像，于是就简单的总结了一下。如果第一次接触，不妨看看，如果是高手了，可以直接跳过了。...
分类：
Web程序 时间：
2014-11-15 21:51:27
阅读次数：
281
在牛腩中学习过CSS和DIV，在JS中学习过CSS+JS 封装，在这里又回顾了一遍，也作为查漏补缺，也算比较系统的复习了一遍吧。
css核心内容主要包括四个方面：标准流，盒子模型，浮动和定位，而在B/S前台页面的布局中，它们也起着决定性作用。盒子模型来确定每个元素的具体大小，边框和间距等，浮动定位与标准流结合来确定页面中元素之间的排列顺序和位置布局等，再加上一些基础的CSS样...
分类：
Web程序 时间：
2014-11-06 22:01:44
阅读次数：
221
CSS box-flex属性，然后弹性盒子模型简介byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1338一、淡淡的开头语昨天趁着不想工作的时间间隙闲逛24ways，在My CS...
分类：
Web程序 时间：
2014-11-06 19:43:27
阅读次数：
265
