块级标签(block)，行级标签(inline)，行块标签(inline-block):
块级标签(block)的特点有：1.独占一行 2.可以设置尺寸 3.没有明确宽度和高度是，宽度由父级决定，高度由内容决定 4.支持margin和padding
行级标签(inline)的特点：1.不会独占一行，可以与其他行级元素同行排列 2.不支持尺寸设置 3.对左右margin和左右padding支持较好，上下margin和padding要慎用
行块标签(inline-block)的特点：支持盒模型，但不会独占一行
盒模型：
1.盒模型有外边距margin、边界border、内边距padding、内容尺寸(width/height)四个部分组成
2.盒子模型分为标准盒模型与怪异盒模型
标准盒模型：内容尺寸: width height
盒子尺寸 : 内容尺寸 padding border
区域尺寸：内容尺寸 padding border margin
怪异盒模型：box-sizing: border-box / content-box;
注意：盒子与盒子之间用margin 盒子内部用padding 盒子尺寸尽量用auto
网友评论