使用DIV+CSS重写网站首页案例
步骤分析：
第一步：先定义一个大的 div（整个页面），然后嵌套 8 个小的 div（共八行）；
第二步：(第一行)在第一个 div 里面嵌套 3 个小的 div；
第三步：(第二行)在小 div 里面写一个列表标签(需要使用 css 的 display 属性的 inline)；
第四步：(第三行)在小 div 里面放置一张图片
第五步：(第四行)在小 div 里面嵌套 2 个 div(在下面的 div 再嵌套 2 个 div，最后在右
边的 div 里面嵌套 10 个 div)
第六步：(第五行)在小 div 里面放置一张广告图片
第七步：(第六行)复制第四行的代码
第八步：(第七行)在小 div 里面放置一张广告图片
第九步：(第八行) 在小 div 里面放置超链接和文字内容。
代码实现：
* 一般样式设置<style>写在外部css文件
细节调整：
(注意：样式中，必须是style写的，不然没法这样调整）
F11按键（Ctrl+Shift+I)，打开；
，选择要调整的元素； 在样式中，选择相应属性 
，上下箭头按键进行调整；
，上下箭头按键进行调整； 调整效果ok，F11按键关闭，在html文件中调整相应的数值；
代码：
1 2 3 4 5 6首页 7 120 121 122 123124 125 126 127 140 141 142355 356 357143 144145 146 165 166167169 170168
171251 252172 173 最新商品174177175 176
178250179181180
182249183185 192 199 206 213 220 227 234 241 248184
253255 256254
257337 338258 259 热门商品260263264336265267268335269271 278 285 292 299 306 313 320 327 334339341 342 354340
130 
133 
187
结果：（未细调）
用到的CSS内容：
- margin: auto;
- 注意盒子模型的取值计算
- 内联： display: inline;
- 内容居中：text-align: center;
- 去除超链接的下划线
