2、 CSS 框模型 2.1 CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。 CSS 框模型概述 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是 ...
分类：
Web程序 时间：
2017-10-15 22:30:13
阅读次数：
195
CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距（margin），边框(border)，填充(padding)，和实际内容(content=wi ...
分类：
Web程序 时间：
2017-10-14 21:10:04
阅读次数：
359
1.基本概念： 内容：（content）盒子里面的东西； 填充：(padding)怕盒子里面的东西损坏而添加的泡沫元素活抗震材料； 边框：(border)盒子本身 边界：(margin)则说明盒子的摆放不能堆在一起，要留一定空隙，保持通风，同时方便取出； 在网页上内容常指文字、图片等元素，但也可以是 ...
分类：
Web程序 时间：
2017-09-27 13:29:59
阅读次数：
176
设置CSS盒模型为标准模型或IE模型。标准模型的宽度只包括content，二IE模型包括border和padding box-sizing属性可以为三个值之一： content-box，默认值，border和padding不计算入width之内 padding-box，padding计算入width ...
分类：
Web程序 时间：
2017-09-26 13:59:53
阅读次数：
249
CSS3 box-sizing的作用 设置CSS盒模型为标准模型或IE模型。标准模型的宽度只包括content，二IE模型包括border和padding box-sizing属性可以为三个值之一： .当new Foo()时发生了什么 1.创建了一个新对象2.将this指向这个新对象3.执行构造函数 ...
分类：
其他好文 时间：
2017-09-24 16:47:33
阅读次数：
148
1.自我介绍 2.使用过什么框架，对于框架的理解 3.react生命周期，获取真实dom节点发生在哪一阶段 4.快速排序算法 5.给出一个数字串，让它逆序输出 6.6个div，如何实现同一行6等分显示，如何计算宽度，css3中的calculate属性 7.css盒模型，如何切换 8.谈谈闭包的理解 ...
分类：
其他好文 时间：
2017-09-14 23:37:25
阅读次数：
143
使用CSS复位 CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法：· 现在元素的 margin 和 padding 已为0，box-sizing可以管理您的CSS盒模型布局。 继承 box-sizing 从 htm ...
分类：
Web程序 时间：
2017-08-29 10:11:44
阅读次数：
215
css盒子模型是为了让我们充分理解div+css模型的定位功能，盒子模型在学习div+css布局方式中必须要学习的一个模型。 那什么是css盒模型呢？ 网页设计中常听到的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)。css盒模型都具备这些属性。这 ...
分类：
Web程序 时间：
2017-08-28 23:52:30
阅读次数：
282
margin 外边距： 1、只写一个值： 表示四周的外边距均为指定的值； 2、写两个值： 第一个数为上下外边距 第二个数为左右外边距； 3、写三个值： 分别表示上、右、下三个方向，左边默认等于右边； 4、写四个值： 表示上、右、下、左 四条边顺时针方向； 5、 margin:0 auto; 设置块级 ...
分类：
Web程序 时间：
2017-08-28 19:55:45
阅读次数：
146
CSS盒模型如下： Margin：外边距 清除边框外的区域，外边距是透明的 Border：边框 围绕在内边距和内容外的边框。 Padding：内边距 清除内容周围的区域，内边距是透明的。 Content：内容 盒子的内容，显示文本和图像。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括 ...
分类：
Web程序 时间：
2017-08-27 11:09:29
阅读次数：
168
