这一篇其实老早之前就该写了，但是在敲牛腩的时候，只是跟着老师敲，没有系统的学习CSS这部分知识，从图书馆借了一本书，最近想要系统的学习这部分的知识，所以今天花了小一天的时间做了一个网页，重新学习了一下盒子模型和浮动的知识。今天就聊聊盒子模型这部分知识吧！
定义
在CSS处理页面的时候，它认为每个元素都是包含在一个不可见的盒子里，盒子模型由内容区域、内容区域周围空间（内边距padding）、内边...
分类：
其他好文 时间：
2016-04-26 22:03:32
阅读次数：
1355
周一 上上个星期感冒，上个星期看完奇幻森林后痔疮发作，打了整整一礼拜的针，有点背。。 今天看了 css知多少（6）——选择器的优先级 http://www.cnblogs.com/wangfupeng1988/p/4285251.html css知多少（7）——盒子模型 http://www.cnb ...
分类：
其他好文 时间：
2016-04-25 22:22:44
阅读次数：
167
在“CSS盒子模型”理论中，所有页面中的元素都可以看成一个盒子，并且占据着一定的页面空间。 一个页面由很多这样的盒子组成，这些盒子之间会互相影响，因此掌握盒子模型需要从两个方面来理解：一是理解单独一个盒子的内部结构，二是理解多个盒子之间的相互关系。 每个元素都看成一个盒子，盒子模型是由content ...
分类：
Web程序 时间：
2016-04-24 21:55:41
阅读次数：
230
CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。在HTML文档中，每个元素（element）都有盒子模型，所以说在Web世界里（特别 ...
分类：
Web程序 时间：
2016-04-24 14:03:48
阅读次数：
153
CSS的可视化格式模型是一种处理文档并把它显示在可视化媒介中的一种算法。它是CSS的基本概念，可视化格式模型转化每个文档元素，生成0个或一个或多个符合CSS盒子模型规则的盒子。每个盒子的布局受如下几点影响：
1. 盒子的大小；
2. 盒子的类型；
3. 定位的方案；
4. 它的子代和兄弟；
5. 可视区域和位置；
6. 它包含的图片的已有大小；
7. 其他额外的信息；...
分类：
其他好文 时间：
2016-04-22 20:17:22
阅读次数：
250
标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！ 所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。 大体上来说，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位这三种定位机制，CSS3中的transform和弹性盒子模块还有... ...
分类：
Web程序 时间：
2016-04-22 16:13:40
阅读次数：
302
1.盒子模型 在进行网页设计的时候，我们使用的是盒子模型，其内容如下： 整个网页就是大盒子套小盒子，小盒子又套更小的盒子来实现的。但是在做网页设计时总是搞不清margin和padding的使用方式，在此特地探讨一下。 2.margin 1.margin-top 只有块元素有margin-top，内联 ...
分类：
其他好文 时间：
2016-04-21 18:08:39
阅读次数：
186
写在前面
Flexbox即弹性盒子模型，它在css中的定义和标记非常简单，通过媒体查询的方式就可适配和响应变化，不需要清除浮动，不需要使用额外的框架，也不需要使用大量冗余的代码来实现栅格布局。
Flexbox究竟是什么简单地说，我们可以在一个flex容器中标记一些flex子元素，通过css来定义布局。flexbox有很多属性来定义布局。
flex-direction: 通过这个属性,我们能指定f...
分类：
其他好文 时间：
2016-04-21 11:55:49
阅读次数：
146
做一个微信公众号内的网页的时候，用到了Amaze UI，也称妹子UI。 官网上宣称，Amaze UI中国首个开源 HTML5 跨屏前端框架，用下来的感觉是比较类似于bootstrap，都是移动端优先。用的过程中发现一些亮点： 作为补充，在项目中还采用了弹性盒子模型，可以实现一部分的流体布局。disp ...
分类：
其他好文 时间：
2016-04-20 17:34:10
阅读次数：
192
display:none和visibility:hidden的区别？ CSS中 link 和@import 的区别是？ position的absolute与fixed共同点与不同点 介绍一下CSS的盒子模型？ ...
分类：
Web程序 时间：
2016-04-19 22:51:17
阅读次数：
250
