实验十二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.理解二者的不同。