实验十二 CSS盒子模型

实验十二CSS盒子模型

一、实验目的

1．深刻理解盒子模型的的概念；

2．掌握孤立盒子的内部结构；

3．掌握理解多个盒子的相互关系。

二、实验内容

1.图片排版

1、插入图片，控制图片的位置div的各种属性（图片尺寸130*90）

2、图片和字保持距离

3、控制字的大小和颜色

2.图片剪切

1、重新设置div的尺寸，缩小div overflow的属性（图片尺寸130*90）

2、控制图片的位置margin的属性

3.文本排版

三、思考题

1 什么是内边距？

2理解:border,padding,margin.盒子模型有哪四部分组成？简述盒子模型的概念和作用。

3 什么是标准文档流？简述“标准流”的含义。

4 div标记与span标记二者的相同与不同是什么？运行实例文件：04-06.html,然后把div换成span,看运行结果有什么不同。运行04-07html.理解二者的不同。