答案CSS盒子模型是一个围绕HTML元素并且HTML元素定义了边框border，内边距padding和外边距margin 的矩形空间· Border定义了包含元素的最大面积边框可以可见，也可以不可见，可以定义它的高度和宽度等·；二CSS中的标准盒子模型W3c标准的盒子模型CSS中的盒子模型也是主观意识借助实体或者虚拟表现构成客观阐述形态结构的一种表达目的的物件，在网页的实体中我们是看不见实际盒子模型的但是我们能够清楚的看到它起到的作用1。

borderstyle solid dotted dashed double lt！doctype html 盒子模型 box1 为元素设置边框 要为一个元素设置边框必须指定三个样式 borderwidth边框的宽度 borde；错，html标签本质才是盒子，比如一个div其实就是一个盒子，而css是对div进行修饰，就好比div就是一个毛坯房，而css就是装修效果。

如果英文看不懂，自己去找翻译；块状元素特点内联元素特点内联块状元素特点displayblock 可以将元素设置为块状元素 displayinline 可以将元素设置为内联元素 displayinlineblock可以将元素设置为内联块状元素 每个HTML元素都会有盒子模型，如下图。

定义样式 borderstylelt！DOCTYPE html 菜鸟教程runoobcom #160 #160 block #160 #160 #160 width 200px#160 height200px#160 #160 #160 padding 30px#160；div+css中层的边框大小可以设置的，我们需要给这个div，width和height，然后在使用border来实现对边框的操作，boder4px solid #f00它的意思就是边框的宽度是4px，实线的，颜色是红色的，我们通过代码来理解下 div1。

网页设计做一个盒子模型

1、备注 我们需要在不同设备的不同尺寸屏幕下去浏览网页，传统的网页布局方式很难满足响应式布局的需要因此css3提出了一些全新的布局属性，包括 弹性盒子模型 ， 多列属性 ， 响应式布局 等等弹性盒子模型的最大特征在于。

2、盒子中的内容content 盒子的边框border 盒子边框与内容之间的距离称为填充padding内边距内补丁如果有多个盒子存在，盒子与盒子之间的距离称为边界margin，外边距外补丁整个盒子模型在网页中所占的宽度。

3、CSS中， Box Model叫盒子模型或框模型，Box Model规定了元素框处理元素内容element content内边距padding边框border 和 外边距margin 的方式在HTML文档中，每个元素element都有盒子模型，所以说。

4、1盒模型与怪异模型的设置 当设置为boxsizingcontentbox时，将采用标准模式解析计算默认模式当设置为boxsizingborderbox时，将采用怪异模式解析计算2盒模型 在网页中，一个元素占有空间的大小由几个部分。

网页制作盒子模型代码文件

答案1盒模型内容content填充padding边界margin边框border 2有两种，IE盒子模型标准W3C盒子模型IE的content部分包含了border和pading 。

Margin外边距 清除边框外的区域，外边距是透明的Border边框 围绕在内边距和内容外的边框Padding内边距 清除内容周围的区域，内边距是透明的Content内容 盒子的内容，显示文本和图像为了正确设置。

其实很简单，说白了就是利用一个特性就是一个块级对象宽高都是0的时候，他的边框是成45°角的 就是底部边框和左部是45°那么这样就可以做成一个三角形的效果了 具体的你可以去查一些网上的资料。

这些属性我们可以把它转移到我们日常生活中的盒子箱子上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。

CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型网页设计中常听的属性名内容content填充padding边框border边界margin，CSS盒子模式都具备这些属性这些属性可以把它转移到日常生活中的。