运用CSS布局做一个清新的网页（新手向）

小白用简单的CSS布局实现以下网页开发代码分享：

（动效要求在图后，代码下载地址在文末）

规范

        * 图片文件、css样式文件放到单独的文件夹中。

        * 文件名、id名、class名命名要规范。

        * 代码书写规范、并且添加适量注释，方便后期的维护。

网页整体

        * 网页内容居中显示。

        * 每个区域宽度相对于浏览器100%显示。

顶部

        *  与效果图结构基本保持一致；

        * 导航、Logo区有链接效果，无下划线；

        * 鼠标经过相应导航时，颜色发生变化。

        * 导航始终固定在顶部

banner区

        * 与效果图结构基本保持一致；

        * banner图区高度固定，图片宽度相对于浏览器100%显示。