CSS+DIV：实现炫酷网页样式与布局

CSS+DIV：实现炫酷网页样式与布局

        虽然之前也接触过HTML和CSS，也做过一段时间的项目，使用过CSS和DIV，但是终究没有体会到这两者融会贯通后，所能达到的效果，远远超乎我的想象。

        其实很多写过前端页面的人都知道DIV和CSS其实特别简单，但是要想实现需求中的或者自己心中想象的效果，也决非易事。这里面有很多的技巧，如果你不熟悉和精通，那么你做出的页面将会达不到预期的效果，有时候会特别的难看。

        首先我们来看一下DIV是啥玩意？

        DIV是标记语言HTML中众多标签的一个，但是却是文档页面布局使用最频繁的一个标签。它可定义文档中的分区或者节，或者说可以将文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果使用id或者class来标记<div>，那么该标签的作用会变得更加有效。

        <div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用你自定义的样式。当然你也不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。我们可以对同一个 <div> 元素应用 class 或 id 属性，