Question

高分加急问！！！帮我将下面的代码的css部分写出来 采纳再加分！（代码字数超过了 直接放网页吧）

这里先放出图 http://www.soft027.com.cn/demo/20111108160809/ 这个网页的代码 写一份css出来。。。

Answer 1

*************************global.css*******************************

body {color:#636363;font:12px 宋体,Arial,Sans-Serif;margin:0;padding:0;text-align:left;background:#fff url(../image/bg.png) repeat-x}
div,form,img,ul,li{margin: 0; padding: 0; border: 0}
a{color: #636363;text-decoration:none}
a:link {color:#636363;text-decoration:none}
a:hover {color: #ff0000;text-decoration:none}
ul{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;word-break:break-all}
li{margin:0 0 0 0;padding:0 0 0 0}
p{margin:0 0 0 0;padding:0 0 0 0;word-break:break-all}
.lj_1 {color:#fff}
.lj_1:link {color:#fff}
.lj_1:hover {color:#FF0}
.lj_2:link {color:#A73825}
.lj_2:hover {color:#ff0000}
.f_1 {color:#015e89;font-weight:bold}

/* 通用 */
.container {width:1002px;margin:0 auto}
.header {width:100%;float:left;background:url(../image/1279870334.jpg) repeat-x}
.logo {width:345px;height:59px;float:left;padding-bottom:20px}
.welcome {height:44px;float:right;padding:15px 38px 0 0}
.welcome li {width:56px;float:left;padding:0 3px 0 14px;background:url(../image/home.jpg) no-repeat left center;line-height:44px}
.banner {width:100%;float:left;border-top:#D3D6DD 1px solid }
.nav {width:810px;height:41px;line-height:41px;float:left;padding:0 0 0 192px}
.nav li {float:left;padding:0 20px;white-space:nowrap}
.nav li.line {width:2px;height:41px;padding:0;background:url(../image/line.jpg) no-repeat}
.nav li a {color:#fff;font-size:14px}
.nav li a:link {color:#fff}
.nav li a:hover {color:#EEE}
.clear{clear:both}
.footer {width:100%;height:57px;padding-top:13px;float:left;background:url(../image/footer.jpg) repeat-x}
.footer p {color:#fff;text-align:center}

*****************************layout.css****************************

.main{width:100%;float:left}.indexPage{background:#ecf0f1 url(../image/index_page.jpg) bottom left repeat-x}.contPage{padding-bottom:50px;background:#ecf0f1 url(../image/main_bg.jpg) bottom left repeat-x}.main_left{width:226px;min-height:425px;height:auto !important;height:425px;overflow:visible;float:left}.categories{width:175px;float:left;padding:24px 25px 0 26px;background:url(../image/10_65_bg.jpg) top left repeat-x}.categories .menu{height:26px}.categories .content{width:155px;float:left;padding:10px}.categories .content li{width:141px;float:left;padding-left:14px;line-height:30px;background:url(../image/jt.gif) no-repeat left center}.categories .content li a{color:#7e7e80}.categories .content li a:link{color:#7e7e80}.categories .content li a:hover{color:#e10000}.main_center{width:556px;margin-bottom:40px;min-height:385px;height:auto !important;height:385px;overflow:visible;float:left;background:#fff}.product{width:470px;height:179px;padding:24px 42px 0 44px;margin-bottom:24px;float:left;background:#fff url(../image/8_50_bg.jpg) repeat-x left top}.product .menu{height:26px;background:url(../image/5_26_bg.gif)}.product .menu .l{float:left}.product .menu .r{float:right;padding-top:10px}.product .content{width:470px;float:left;height:123px;padding:20px 0 10px 0}.product .content li{width:138px;padding-right:17px;float:left;background:url(../image/17_98_bg.jpg) right top no-repeat}.product .content li img{height:94px;padding:2px;background:#fff;border:#e4e4e4 1px solid;display:inline}.product .content li p{text-align:center;line-height:33px}.product .content li a{color:#676f78}.product .content li a:link{color:#676f78}.product .content li a:hover{color:red;text-decoration:underline}.news{width:470px;padding:0 42px 0 44px;float:left}.news .menu{height:26px;margin-bottom:23px;background:url(../image/5_26_bg.gif)}.news .menu .l{float:left}.news .menu .r{float:right;padding-top:10px}.news .pic{width:135px;height:133px;float:left}.news .imgs{float:left;margin:4px 24px 0 0;display:inline}.news .list{width:335px;float:left}.news .list li{width:335px;line-height:22px;float:left}.news .list li .title{width:240px;float:left;background:url(../image/jt_1.gif) left center no-repeat;padding-left:10px}.news .list li .date{width:85px;float:left;color:#676f78}.news .list li .title a{color:#676f78}.news .list li .title a:link{color:#676f78}.news .list li .title a:hover{color:#e10000}.main_right{width:220px;margin-bottom:40px;min-height:385px;height:auto !important;height:385px;overflow:visible;float:left;background:#fff}.video{width:183px;height:215px;padding:24px 37px 0 0;float:left;background:#fff url(../image/8_50_bg.jpg) repeat-x left top}.video .menu{height:26px;padding-bottom:23px;background:url(../image/5_26_bg.gif)}.video .menu .l{float:left}.video .menu .r{float:right;padding-top:8px}.video .content{width:100%;height:148px;float:left;padding-bottom:18px}.video .content img{width:183px;height:148px;display:inline;margin:0}.ad1{padding-bottom:7px}.ad1 img{display:inline;margin:0}#advsheadlb{margin:0;padding:0}#advsheadlb .advsheadlbpic{width:100%;border:0;display:none}.main_left_2{width:226px;min-height:480px;height:auto !important;height:480px;overflow:visible;float:left}.main_right_2{width:776px;min-height:480px;height:auto !important;height:480px;overflow:visible;float:left;background:#fff}.page_main{width:690px;padding:24px 43px 0 43px;float:left;background:#fff url(../image/8_50_bg.jpg) repeat-x left top}.position{height:26px;line-height:18px;padding-left:20px;background:url(../image/product_list.jpg) no-repeat}.position a:hover{text-decoration:underline}.products{width:676px;float:left;padding:34px 0 10px 14px}.products li{width:138px;padding-right:17px;padding-bottom:9px;margin-right:6px;display:inline;float:left;background:url(../image/17_98_bg.jpg) right top no-repeat}.products li img{height:94px;padding:2px;background:#fff;border:#e4e4e4 1px solid;display:inline}.products li p{text-align:center;line-height:36px}.products li a{color:#676f78}.products li a:link{color:#676f78}.products li a:hover{color:red;text-decoration:underline}.products .title{height:28px;font:bold 14px/28px 宋体;text-align:center;padding-top:20px}.products .p_img{padding:30px 0;text-align:center}.p_img img{border:#e0e2e5 1px solid}.products .depict{line-height:26px;padding:10px 40px;font-size:14px}.company{width:676px;float:left;padding:34px 0 10px 14px;line-height:22px}.company img{float:right;margin:0 13px 2px 30px;display:inline}.company p{text-indent:2em}.article{width:676px;float:left;padding:34px 0 10px 14px}.article li{width:100%;line-height:38px;float:left;background:url(../image/xx.jpg) repeat-x bottom}.article li .title{width:577px;float:left;padding-left:22px;background:url(../image/jt-1.gif) no-repeat 6px center}.article li .date{width:77px;float:left;color:#999}.article li a:hover{color:red;text-decoration:underline}.detail{width:676px;float:left;padding:34px 0 10px 14px}.detail .title{font-size:22px;line-height:22px;font-weight:bold;text-align:center}.detail .source{border:#e8e8e8 1px solid;height:28px;line-height:28px;text-align:center;background:#f7f7f7;margin:20px 0 30px 0}.detail .ly{line-height:26px}.detail .ly p{text-indent:2em;font-size:14px}.detail .boxs{padding:11px;border:#ddd 1px solid;background:#f0f0f0}.detail .boxs .thumb{border:#ddd 1px solid;background:#fff;padding:15px;text-align:center}.detail .boxs .text{border:#ddd 1px solid;background:#f9f9f9;padding:15px;margin-top:11px;color:#505050}.detail .boxs .text h1{font-size:14px;margin:0;padding:10px 0}.detail .boxs .text p{line-height:22px}.equipment{width:676px;float:left;padding:34px 0 10px 14px}.equipment li{width:147px;padding-right:22px;padding-bottom:16px;float:left}.equipment li img{width:147px;height:110px;float:left}.equipment li p{text-align:center;line-height:36px}.equipment li a:hover{color:red;text-decoration:underline}.page{width:100%;float:left;padding-top:30px;color:#505050}.page .l{float:left}.page .r{float:right}.quotes{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;PADDING-TOP:3px;TEXT-ALIGN:center}.quotes A{BORDER-RIGHT:#ddd 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ddd 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#ddd 1px solid;COLOR:#aaa;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#ddd 1px solid;TEXT-DECORATION:none}.quotes A:hover{BORDER-RIGHT:#a0a0a0 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#a0a0a0 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#a0a0a0 1px solid;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#a0a0a0 1px solid}.quotes A:active{BORDER-RIGHT:#a0a0a0 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#a0a0a0 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#a0a0a0 1px solid;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#a0a0a0 1px solid}.quotes SPAN.current{BORDER-RIGHT:#e0e0e0 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#e0e0e0 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:3px;BORDER-LEFT:#e0e0e0 1px solid;COLOR:#aaa;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#e0e0e0 1px solid;BACKGROUND-COLOR:#f0f0f0}.quotes SPAN.disabled{BORDER-RIGHT:#f3f3f3 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#f3f3f3 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#f3f3f3 1px solid;COLOR:#ccc;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#f3f3f3 1px solid}.quotes select{margin:0 2px 0 0}

Answer 2

看了一会…发现用火狐也无法看到css文件的路径，估计是加密了还是怎样…不过小研究了一小会…总算把里面的css文件分离出来了…共有两个css文件…css样式里面涉及的图片路径你得修改下…不知道还有没有第三个css文件甚至更多…要全部要手动写出来比较费时间…还请见谅…希望能帮上忙吧…

Answer 3

这样的免费模板很多，何须自己写CSS呢