第10章-理解CSS定位与div布局.pptVIP

第10章理解CSS定位与div布局本章目标1.div标记与span标记CSS定位div布局说明概述:div与span的相同点都是区块容器div与span的相同点div与span可以容纳各种HTML元素，用CSS进行控制时，其中的元素样式都会改变。（实例10-1.html）div与span的区别div与span的区别在于，div是一个块级元素，它包围的元素会自动换行。而span仅仅是一个行内元素，在它的前后不会换行。span没有结构上的意义，纯粹是为了应用样式，当其他的行内样式都不合适时，就可以使用span元素。div可以包含span,但是span不能包含div（实例：10-2.html）P224经验之谈2.盒子模型1.盒子模型的概念所有页面中的元素都可以看成是一个盒子，占据着一定的页面空间。可以通过调整盒子的边框和距离等参数，来调节盒子的位置。小知识：一个盒子模型由content（内容）、border（边框）、padding（间隙）、margin（间隔）这四个部分组成。2.盒子模型小知识：一个盒子模型的实际宽度（或高度）是由content+padding+border+margin组成的。在CSS中可以通过设定width、height的值来控制co