Web前端技术开发第六周周二课堂笔记

DIV（重要内容）

< div >

< div > 本身并没有什么意义，可以当作普通的块元素，在 CSS 和 JavaScript 调用。

同样作用的标签还有 < span > ，区别是 < div > 为块元素（一般前后会换行），而 < span > 为内联元素（一般前后不会换行）。

盒子模型的组成

1.由4层组成，由外往内依次是margin（边界）、dorder（边框）、padding（填充）、contet（内容）

2.除contet的之外，其他三个都有4个方向，依次是Top、right、bottom、left

3.定义div的尺寸是定义content的尺寸

4.背景颜色被应用到margin之外的所有区域

5.margin、border、padding后跟两个数字代表上下、左右，跟三个数字代表上、左右、下，跟四个颜色代表上、右、下、左