以下是重构后的内容:
```css
.red, .white, .gray {
color: #fff;
}
.red a:link, .red a:visited, .red a:active {
color: #F00;
text-decoration: none;
}
.red a:hover {
color: #ff7200;
text-decoration: none;
}
.white a:link, .white a:visited, .white a:active {
color: #FFF;
text-decoration: none;
}
.white a:hover {
text-decoration: underline;
color: #f60;
}
.gray a:link, .gray a:visited, .gray a:active {
color: #9996a4;
text-decoration: none;
}
div, form, img, ul, ol, li, dl, dt, dd, h1 {
margin: 0;
padding: 0;
border: 0;
}
ul {
list-style-type: none;
}
body {
background: #000 url(//img2.zol.com.cn/topic/2008/1020/bg.jpg) no-repeat center 55px;
margin: 0;
font: 12px/18px simsun;
color: #fff;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #f60;
}
#bg1 {
background: url(//img2.zol.com.cn/topic/2008/1020/sumsung_01.jpg) no-repeat;
height: 102px;
}
#bg2 {
background: url(//img2.zol.com.cn/topic/2008/1020/sumsung_02.jpg) no-repeat;
height: 121px;
}
```
以下是重构后的内容:
```html
```
重构后的代码:
```css/* 背景图片 */
#bg13 { background:url(//img2.zol.com.cn/topic/2008/1020/sumsung_13.jpg) no-repeat; height:167px;}
#bg14 { background:url(//img2.zol.com.cn/topic/2008/1020/sumsung_14.jpg) no-repeat; height:170px;}
#bg15 { background:url(//img2.zol.com.cn/topic/2008/1020/sumsung_15.jpg) no-repeat; height:170px;}
#bg16 { background:url(//img2.zol.com.cn/topic/2008/1020/sumsung_16.jpg) no-repeat; height:170px;}
#bg17 { background:url(//img2.zol.com.cn/topic/2008/1020/sumsung_17.jpg) no-repeat; height:170px;}
#bg18 { background:url(//img2.zol.com.cn/topic/2008/1020/sumsung_18.jpg) no-repeat; height:170px;}
#bg19 { background:url(//img2.zol.com.cn/topic/2008/1020/sumsung_19.jpg) no-repeat; height:146px;}
/* wrap样式 */
.wrap { position:relative;margin:0 auto;width:960px}
/* flash样式 */
#flash1 { position:absolute; top:0px; left:0px; width:960px; height:445px;}
#flash2 {position:absolute; top:331px; left:526px; width:500px; height:500px;}
/* focus4样式 */
.focus4 {width:255px; height:275px; position:absolute; left: 26px; top: 476px; text-align:left;}
```
focus5 {
width: 327px;
height: 290px;
top: 2078px;
position: absolute;
left: 32px;
}
.focus6 {
width: 270px;
height: 290px;
top: 2078px;
position: absolute;
left: 370px;
}
.focus7 {
width: 610px;
height: 250px;
top: 2470px;
position: absolute;
left: 32px;
}
.focus8 {
width: 280px;
height: 250px;
top: 2470px;
position: absolute;
left: 642px;
}
.focus9 {
width: 200px;
height: 270px;
top: 2078px;
position: absolute;
left: 670px;
}
.box1 {
width: 273px;
position: absolute;
left: 313px;
top: 495px;
text-align: left;
padding-left: 15px;
background: url(//img2.zol.com.cn/topic/2008/1020/dot.gif) no-repeat left 8px;
line-height: 24px;
}
.textBox {
line-height: 24px;
width: 320px;
position: absolute;
text-align: left;
}
.textBox .title {
line-height: 35px;
}
.textBox .description {
text-indent: 2em;
}
#tBox1 { top:914px; left:45px;}
#tBox2 {top:914px; left:385px;}
#tBox3 {
top:1302px;
left:244px;
}
#tBox4 {
top:1301px;
left:597px;
}
#tBox5 { top:1688px; left:53px;} /*图片位置*/ #tBox6{top:1688px;left:396px}; /*图片位置*/ .picBox{width:690px;position:absolute;left:54px} /*图片位置*/
bdP img {border:4px solid #2E2A39}
图片边框宽度和颜色设置为4px实线黑色。
.picBox img {float:left; margin-right:20px;border:5px solid #2E2A39}
图片浮动在左侧,右侧留出20像素间距,边框宽度和颜色设置为5px实线黑色。
#pBox1 {top:1108px; left:54px;}
#pBox1的顶部位置和左偏移量分别为1108px和54px。
#pBox1 img{border:0; margin-right:28px}
#pBox1中的图片边框宽度设置为0,右侧间距为28像素。
#pBox2 {top:1495px; left:260px;}
#pBox2的顶部位置和左偏移量分别为1495px和260px。
#pBox3 {top:1495px; left:260px;}
#pBox3的顶部位置和左偏移量分别为1495px和260px。
.head,.head a{color:#333}
头部标题文字的颜色和字体颜色设置为深灰色(#333)。
.head a:hover{color:#f60}
当鼠标悬停在头部标题链接上时,链接的文字颜色设置为橙色(#f60)。