怎么把下面这段在HTML里的样式代码写成一个CSS文件,直接调用
css吧
全部回复
仅看楼主
level 1
<style type="text/css">
<!--
body {margin:0;padding:0;text-align:center; background-color:#C2F2F4;font:12px/160% "宋体",Arial,Helvetica,sans-serif; }
img{margin:0;padding:0; list-style:none;}
.header {background:url(images/index_01.gif) no-repeat center top; width:100%; height:739px;}
.footer {clear:both;background:url(images/index_94.gif) repeat-x 0 0;height:39px;text-align:center;}
.copyright {padding-top: 10px;padding-left: 240px;width:1054px; text-align:left;}
.main {width:1054px; margin:auto;}
.clear{ clear:both; height:0; overflow:hidden;}
.redcolor {color:#FF0000;}
.purplecolor {color:#ED0184; font-weight:bold; font-size:24px;}
.rowpadding{clear:both;background:url(images/index_03.gif) no-repeat center top;margin-left: 2px;width:100%;height:20px;}
.rowpadding2{clear:both;background:url(images/index_03.gif) no-repeat center top;margin-left: 2px;width:100%;height:10px;}
.box {width:1020px;margin-left: 5px;background-color:#FFFFFF;}
.boxcon{float:left;width:907px;height:500px;min-height:500px;}
.boxtop{background:url(images/index_05.gif) no-repeat center top;width:100%;height:72px;clear:both;}
.boxleft{float:left;background:url(images/index_08.gif);background-repeat: repeat-y; width:51px;height:547px;}
.boxright{float:left;background:url(images/index_11.gif);background-repeat: repeat-y; width:62px;height:547px;}
.boxbottom{clear:both;background:url(images/index_14.gif) no-repeat center top;width:100%;height:27px;}
.box2 {width:1020px;margin-left: 5px;background-color:#FFFFFF;}
.boxcon2{float:left;width:907px;height:500px;min-height:500px;}
.boxtop2{background:url(images/index_16.gif) no-repeat center top;width:100%;height:72px;clear:both;}
.boxleft2{float:left;background:url(images/index_17.gif);background-repeat: repeat-y; width:51px;height:834px;}
.boxright2{float:left;background:url(images/index_19.gif);background-repeat: repeat-y; width:62px;height:834px;}
.boxbottom2{clear:both;background:url(images/index_20.gif) no-repeat center top;width:100%;height:27px;}
.box3 {width:1053px;margin-left:1px;background-color:#8AD7F3;}
.boxcon3{float:left;width:1006px;height:776px;min-height:500px;text-align:center;margin:auto;}
.boxtop3{background:url(images/index_22.gif) no-repeat center top;width:100%;height:41px;clear:both;}
.boxleft3{float:left;background:url(images/index_24.gif);background-repeat: repeat-y; width:18px;height:776px;}
.boxright3{float:left;background:url(images/index_27.gif);background-repeat: repeat-y; width:29px;height:776px;}
.boxbottom3{clear:both;background:url(images/index_33.gif) no-repeat center top;width:100%;height:44px;}
.box4 {width:1053px;margin-left:1px;background-color:#FFFFFF;}
.boxcon4{float:left;width:919px;height:432px;text-align:center;margin:auto;}
.boxtop4{background:url(images/index_34.gif) no-repeat center top;width:100%;height:84px;clear:both;}
.boxleft4{float:left;background:url(images/index_35.gif);background-repeat: repeat-y; width:69px;height:432px;}
.boxright4{float:left;background:url(images/index_37.gif);background-repeat: repeat-y; width:65px;height:432px;}

2012年08月19日 14点08分 1
level 1
.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}
-->
</style>
2012年08月19日 14点08分 2
level 9
做成外部样式表文件,在代码里面引用即可。
2012年08月20日 14点08分 5
level 1
建一个文件夹,包含html、css和图片,交代码
2022年04月05日 09点04分 6
level 1
能做那个吗
2022年04月05日 09点04分 7
level 11
独立文件 引入即可
2022年06月11日 06点06分 8
level 14
直接放啊[黑线]
2022年06月11日 14点06分 9
1