html中盒子模型的组成部分,css盒模型由哪几部分组成？.pdfVIP

html中盒⼦模型的组成部分,css盒模型由哪⼏部分组成？ ⽹页设计中常听的属性名：内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒⼦模型都具备这些属性。这些属 性我们可以⽤⽇常⽣活中的常见事物——盒⼦作⼀个⽐喻来理解，所以叫它盒⼦模型。 盒模型由内容(content)、内边距(padding)、边框(border)、外边距(margin)四部分组成。 盒模型组成内容介绍： 内容区(content) 内容区是盒⼦模型的中⼼，它呈现了盒⼦的主要信息内容，这些内容可以是⽂本、图⽚等多种类型。内容区有三个属性，width、height 和 overflow。 使⽤width和height属性可以指定盒⼦内容区的⾼度和宽度，当内容信息太多，超出内容区所占范围时，可以使⽤overflow 溢出属性来指定 处理⽅法。 填充(padding) 填充是内容区和边框之间的空间。填充的属性有五种 ，即padding -top、padding -bottom、padding -left、padding-right 以及综合了 以上四种⽅向的快捷填充属性padding。 边框(border) 边框是环绕内容区和填充的边界。边框的属性有border-style、border-width和border-color 以及综合了以上三类属性的快捷边框属性 border。border-style 属性是边框最重要的属性，如果没有指定边框样式，其他的边框属性都会被忽略，边框将不存在。 CSS规定了dotted(点线)、dashed(虚线)、solid(实线)等九种边框样式。使⽤border-width属性可以指定边框的宽度，其属性值可以是长 度计量值，也可以是CSS规定的thin、medium 和thick。 空⽩边(margin) 空⽩边位于盒⼦的最外围，是添加在边框外周围的空间。空⽩边使盒⼦之间不会紧凑地连接在⼀起，是CSS 布局的⼀个重要⼿段。 空⽩边的属性有五种 ，即margin-top、margin-bottom、margin- left、margin-right以及综合了以上四种⽅向的快捷空 ⽩边属性 margin，其具体的设置和使⽤与填充属性类似。