CSS进阶学习笔记

1、DIV与span标记：<div>简单而言是一个区块容器的标记。即<div>...</div>之间相当于一个容器，可以容纳段落、标题、表格、图片乃至章节、摘要和备注等各种html元素。span标记也是一个容器标记。

DIV与span的却别：div标记类似与p标记，不同的div会换行。span标记是行内标记，不同的span不会换行显示。

2、盒子模型：一个盒子由content（内容）、border(边框)、padding（空隙）内容与边框的距离、margin（间隙）边框与其他元素的间隔；这四个部分组成。

3、元素的定位：float定位：浮动。

                      position定位：absolute：绝对定位。relative行对定位：

                        z-index空间位置：三位立体位置。各个div之间的层叠管理。

4、CSS排版：主要是用float和position排版。