直接在html里写css,怎么把下面这段在HTML里的样式代码写成一个CSS文件，直接调用...

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

.boxright4{float:left;background:url(images/index_37.gif);background-repeat: repeat-y; width:65px;height:432px;}

.boxbottom4{clear:both;background:url(images/index_38.gif) no-repeat center top;width:100%;height:28px;}

.box5 {width:1053px;margin-left:1px;background-color:#FFFFFF;}

.boxcon5{float:left;width:919px;height:640px;text-align:center;margin:auto;}

.boxtop5{background:url(images/index_40.gif) no-repeat center top;width:100%;height:78px;clear:both;}

.boxleft5{float:left;background:url(images/index_41.gif);background-repeat: repeat-y; width:69px;height:640px;}

.boxright5{float:left;background:url(images/index_43.gif);background-repeat: repeat-y; width:65px;height:640px;}

.boxbottom5{clear:both;background:url(images/index_48.gif) no-repeat center top;width:100%;height:32px;}

.box6 {width:1053px;margin-left:1px;background-color:#FFFFFF;}

.boxcon6{float:left;width:919px;height:249px;text-align:center;margin:auto; }

.boxtop6{background:url(images/index_50.gif) no-repeat center top;width:100%;height:91px;clear:both;}

.boxleft6{float:left;background:url(images/index_41.gif);background-repeat: repeat-y; width:69px;height:249px;}

.boxright6{float:left;background:url(images/index_43.gif);background-repeat: repeat-y; width:65px;height:249px;}

.boxbottom6{clear:both;background:url(images/index_66.gif) no-repeat center top;width:100%;height:28px;}

.box7 {width:1053px;margin-left:1px;background-color:#FFFFFF;}

.boxcon7{float:left;width:919px;height:679px;text-align:center;margin:auto; }

.boxtop7{background:url(images/index_68.gif) no-repeat center top;width:100%;height:80px;clear:both;}

.boxleft7{float:left;background:url(images/index_41.gif);background-repeat: repeat-y; width:69px;height:679px;}

.boxright7{float:left;background:url(images/index_43.gif);background-repeat: repeat-y; width:65px;height:679px;}

.boxbottom7{clear:both;background:url(images/index_78.gif) no-repeat center top;width:100%;height:28px;}

.box8 {width:1114px;margin-left:1px;}

.boxtop8{float:left;background:url(images/index_79.gif) no-repeat center top;width:1053px;height:54px;clear:both;}

.boxleft8{float:left;background:url(images/index_80.gif);background-repeat: repeat-y; width:1053px;height:386px;}

.boxright8{float:left;background:url(images/index_81.gif);background-repeat: repeat-y; width:61px;height:386px;}

.boxbottom8{clear:both;background:url(images/index_83.gif) no-repeat center top;width:100%;height:42px;}

.boxcon82{float:left;width:955px;height:448px;text-align:center;margin:auto; background-color:#DAF6F6;}

.boxleft82{clear:both;float:left;background:url(images/index_84.gif);background-repeat: repeat-y; width:69px;height:448px;}

.boxright82{float:left;background:url(images/index_87.gif);background-repeat: repeat-y; width:90px;height:448px;}

.STYLE5 {

font-size: 16px;

color: #00368B;

}

.STYLE10 {

font-size: 14px;

font-weight: bold;

color: #FF0000;

}

.STYLE11 {

color: #003994;

font-size: 14px;

}

.STYLE14 {

font-weight: bold;

color: #00368B;

font-size: 18px;

}

.STYLE17 {

font-size: 15px;

font-weight: bold;

color: #666666;

}

.STYLE18 {

font-size: 24px;

font-weight: bold;

color: #00368B;

}

.STYLE19 {

color: #333333;

font-size: 14px;

}

.STYLE20 {color: #333333; font-size: 16px; }

.STYLE25 {

color: #d80274;

font-weight: bold;

}

.STYLE26 {

color: #3B6AAC;

font-size: 16px;

font-weight: bold;

}

.STYLE29 {color: #3B6AAC; font-size: 15px; font-weight: bold; }

.STYLE30 {font-size: 15px}

-->