1、CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。
成安ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！
2、网页布局的核心本质： 就是利用 CSS 摆盒子 。所谓 盒子模型 ：就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。
3、布局的一般写法，从上到下，从左到右进行排版布局。
4、简单来说就是一个css排布的问题（由于你需求的宽高不清楚，我直接使用绝对的简单数据来示范）：首先一个总盒子，在里面有三个小的盒子。
属性设置为solid、HTML元素添加实线边框。因为在css中将border-style属性设置为solid，所以时显示实线。在css中设置border的属性值时给HTML元素添加实线边框，也会时显示实线。
在CSS中，设置边框用border属性，通常需要设置三个值，分别为：宽度、线条样式和颜色。把线条设置为实线或虚线主要设置线条样式，它主要有两个值，即：solid 和 dashed，前者表示实线，后者表示虚线。
border属性 ：在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。
顾名思义，就是元素外面的一圈边框，下图中虚线圈起的部分是内容，外面橙色的一圈是它的边框，可以理解成在照片外面加一个相框，使用border属性。边框样式border-style必须写！否则其它属性全部失效。
1、border-width：边框的宽度 border-color：边框的颜色 border-style：边框的样式 使用border-width可以分别指定四个边框的宽度。如果在border-width制定了四个值，则四个值会分别设置给 上右下左 ，按照顺时针的方向设置的。
2、写法：display： inline-block 特性： inline-block缝隙 css常见样式二 display的值 ②：浮动元素和绝对定位元素的外边距不会折叠。
3、CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，box model这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
4、如1px，1em（单位为px，pt，em等）。或者使用关键字medium（默认），thick，thin。
盒子模型：把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。
盒子模型主要定义四个区域： 内容(content)、内边距/填充(padding)、边框(border)和外边距(margin)。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。