css盒模型 内边距和外边距_css 盆子模型包含margin吗

所谓盒子模型:

就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

pink总结:

盒子模型有元素的内容、边框(border)、内边距(padding)、和外边距(margin)组
成。
盒子里面的文字和图片等元素是内容区域
盒子的厚度 我们成为 盒子的边框
盒子内容与边框的距离是内边距（类似单元格的cellpadding)
盒子与盒子之间的距离是外边距（类似单元格的cellspacing)

标椎盒子模型：

盒子的边框：

语法：border：border-width || border-style || border-color

边框的样式:
o none:没有边框即忽略所有边框的宽度(默认值)
o solid:边框为单实线(最为常用的)
o dashed:边框为虚线
o dotted:边框为点线

边框的综合设置

border：border-width || border-style || border-color
border：1px solid red；没有顺序

盒子边框写法总结表

表格的细线表格

通过表格的cellspacing=“0” ,将单元格与单元格之间的距离设置为0,
但是两个单元格之间的边框会出现重叠，从而使边框变粗
通过css属性:

table{ border-collapse:col1apse; }
1

collapse 单词是合并的意思
border-collapse:collapse; 表示相邻边框合并在一起。

内边距（padding）

padding属性用于设置内边距。是指边框与内容之间的距离。
padding-left 左内边距 padding-right 右内边距
padding-top 上内边距 padding-bottom 下内边距