1. 需要创建如下文件夹： | 名称 | 说明 | | —- | —- | | 项目文件夹 | shoping | | 样式类图片文件夹 | images | | 样式文件夹 | css | | 产品类图片文件夹 | upload | | 字体类文件夹 | fonts | | 脚本文件夹 | js |

    2. 需要创建如下文件： | 名称 | 说明 | | —- | —- | | 首页 | index.html | | CSS初始化样式文件 | baes.css | | CSS公共样式文件 | common.css |

    有些网站初始化的不太提倡*{ margin: 0; padding: 0; }

    比如新浪

    1. 模块化开发
    • 有些样式和结构在很多页面都会出现，比如页面头部和底部，大部分页面都有。此时，可以把这些结构和样式单独作为一个模块，然后重复使用
    • 典型的应用就是common.css公共样式。
    • 模块化开发具有重复使用、修改方便等优点

    1-4 品优购项目搭建工作 - 图1

    common.css公共样式里面包含版心宽度、清除浮动、页面文字颜色等公共样式