谁能教教我怎么制作css（网页制作） 把css制作出来之后该怎么获取‘代码’？ 我也不知道叫什么 内容如下
+ P" t- q) ^$ [9 n. l
/*
+ P3 k* ?" \- @" a v9 yX-Space Template
! v9 h0 C2 m$ s/ b# n
Template Name: Classic Blue
# _; Q @, B: l: l7 m0 U
Author: X-Space Team
, X* I. L& Y9 p$ e' {" MUrl:
www.supesite.com. b% d f' w# N& X# \9 r' X
(C) 2001-2006 Comsenz Inc.
. j# \9 k+ Q8 V6 B
*/
2 |; o% C J7 E
% S/ @! v7 Q; M( }
/*布局*/
, x) V0 ?5 {/ b9 b/*默认布局*/
1 _' g+ y u7 t" s1 m+ m5 B/ F
#content{width:996px;margin-left:0px;background:url(/supesite/xthemes/bw5/images/content.jpg) no-repeat left top;}
3 u4 D# o" h. D. o5 f2 G/*Layout_1 左侧导航*/
4 ?* T0 a2 K7 x- f, y
.xspace-layout1 #sideleft { float:left; width: 190px; display: inline; margin-left: 30px; }
3 V) Q6 N" E6 c.xspace-layout1 .mainarea-side { float: right; width: 570px; margin-right: 190px; }
8 {4 X$ |! z" h" Y7 s. Y
- P ]9 d; T8 @0 `/*Layout_2 右侧导航*/
5 k9 w) J1 l; k5 J1 h. v) A.xspace-layout2 #sideright { float: right; display: inline; width:190px; margin-right: 190px; }
. V+ W& G4 c7 d' q- Q" m2 R. W' R
.xspace-layout2 .mainarea-side { float:left; width:570px; display: inline; margin-left: 30px;}
- K/ O2 J' E) z/ J% v6 }/*Layout_3 三列*/
) e! H8 o+ |. ?2 M/ A* K( f6 O0 p3 y
.xspace-layout3 #sideleft { float:left; width: 190px; display: inline; margin-left: 30px; }
/ x9 l8 C4 c" U* ?.xspace-layout3 #sideright { float: right; display: inline; width:190px; margin-right: 190px; }
3 o, R% I& S3 t. ].xspace-layout3 .mainarea-side { margin-left:9px!important;width:380px }
7 Y' Z% X, C1 P- u. t .xspace-layout3 .mainarea-side-single {}
' z$ P5 b9 F( \8 L) C( h
% `; |/ f- E6 L
! ?3 s- Z% v7 N" O
/********边栏定义*********/
* r- r0 U# [6 h! P
#sideleft{width:187px!important;margin-left:15px;margin-top:5px;overflow:hidden;background:url(/supesite/xthemes/bw5/images/leftbg.jpg) repeat-y left top}
8 t5 u( K- X3 \* C3 D1 D7 K/ u#xspace-avatar{background:url(/supesite/xthemes/bw5/images/title.jpg) no-repeat 0 0px;margin:0px;padding-top:30px;}
4 C/ V7 N2 T! \2 g3 b |& x4 Y
.xspace-sideblock{border: 2px solid #A3D8DB;overflow:hidden}
6 l4 S' B* ^/ Y6 [0 `2 t0 t
.xspace-sideblock h3{text-align:left!important;padding-left:29px;background: url(/supesite/xthemes/bw5/images/index_04.jpg) no-repeat left top;height:29px;font-size:14px;text-decoration:none;color:#03393B;line-height:2.5em}
! v8 }$ \: J% F {. b3 f#sideleft .xspace-list,#sideleft #xspace-calendar{width:180px!important;overflow:hidden}
F* H( g8 v/ v" P
7 r: [( {. R9 L
/*图片样式*/
. b, t7 C7 T; d5 F% y; _
.xspace-imgstyle { background: #265C5C; border-color: #555; }
; U/ H" E9 d9 i& {5 m# N( |' Q
; J4 J7 A" _8 s0 A _, I/*标题样式*/
7 M4 j( r' b) g4 @& z* hbody{background:#002C2B url(/supesite/xthemes/bw5/images/bg.jpg) repeat left top;color: #61BABE;font:12px/150% Arial, Helvetica, sans-serif, "宋体";margin:0;padding:0px;text-align:left}
# ]8 R- ^; z7 f) l1 ~7 i" \
a{color:#ccc;text-decoration:none}
5 _* K$ C4 Y8 v' aa:hover{color:#f60;text-decoration:none}
: V" ?$ B: }6 ]) K6 T" n! E- e
#wrap{text-align:left;width:996px;background:url(/supesite/xthemes/bw5/images/index_03.jpg) repeat-y left top;overflow:hidden}
6 c: x H9 Q/ O% F& z' i
9 T4 {; `, d9 r+ } ?/********头部 *********/
9 ? I: x- R, L6 `1 f#header{width:996px;height:268px;color:#fff;background:url(/supesite/xthemes/bw5/images/header.jpg) no-repeat left top;}
2 @+ i& W) y" d6 s/ h, s
#spacename{padding:35px 0 0 110px}
6 A0 a0 U) ~* D8 p
#menu a{color:#fff;font-size:13px;text-decoration:none;font-weight:bold}
, O+ S& B) ?4 b. j6 e3 }! @* v& Y* @#menu{margin-top:76px;margin-left:80px}
$ S$ [* e* A. ^$ h3 A% {! R
1 r" i) {4 v4 M! x6 I/*导航*/
6 K, [9 o, o t! t: Z/********边栏定义*********/
4 D5 z" B% M, X1 R
#sideleft{width:187px!important;margin-left:15px;margin-top:5px;overflow:hidden;background:url(/supesite/xthemes/bw5/images/leftbg.jpg) repeat-y left top}
/ m" L' |( p' ]" |9 Q. r- n
#xspace-avatar{background:url(/supesite/xthemes/bw5/images/title.jpg) no-repeat 0 0px;margin:0px;padding-top:30px;}
& U, X6 f# j: Z
.xspace-sideblock{border: 2px solid #A3D8DB;overflow:hidden}
- p6 A& [7 ~; I7 y3 ]: X! P
.xspace-sideblock h3{text-align:left!important;padding-left:29px;background: url(/supesite/xthemes/bw5/images/index_04.jpg) no-repeat left top;height:29px;font-size:14px;text-decoration:none;color:#03393B;line-height:2.5em}
# S9 x+ N4 ?' R2 x) V8 b
#sideleft .xspace-list,#sideleft #xspace-calendar{width:180px!important;overflow:hidden}
) X" j* s! B2 Z) V7 \
! h1 f0 D& t- x+ M! n/********主体内容定义*********/
/ h0 \2 z; c, X% j3 E9 q
#mainarea{padding-left:20px;padding-right:190px;}
B* i& U1 r/ |6 c2 A& l
.mainarea-side { padding-left:0px!important;padding-right:0px!important;}
( |/ X" K( _: K8 X; l#newfile,#newimage,#newentries,#newgoods,#newlink,#mythread,#mypost {border: 2px solid #A3D8DB;margin:0.5em 0 0.5em 0;padding:0px;
1 h; F V% d! B0 V) D0 Q# Q' t) z}
3 Z/ g# n1 i+ D5 A. ^! U5 {) Z
#mainarea .xspace-blocktitle{padding-top:4px;padding-left:30px;font-size:14px;color:#000;background: url(/supesite/xthemes/bw5/images/index_05.jpg) no-repeat left top;height: 25px;margin:0;margin-bottom:4px;overflow:hidden;}
& E# a/ o& g0 \ j% y; ^# x#mainarea .xspace-entrytitle{font-size:13px;color:#333;background:#265C5C}
% h: W& b" W/ n4 X) ~! g+ l( S" G
#announcement{margin-top:20px;border: 2px solid #A3D8DB;}
" R: [8 K: F. b.xspace-smalltxt{color:#fff}
# ~" ]/ a, Z. V.xspace-logo{background:none!important;}#xspace-goodsbaseinfo li { border-bottom: none!important;}
( b- E( N5 T. S d
#xspace-ownerinfo{ border: none; }
! \. B# v) n. x' X* W4 Z7 X
.xspace-title { background:#1E5155!important;border:1px solid #A3D8DB}
; I* N; n# O7 t# Z
/*项目列表*/
`! z ]3 P! S! G9 c9 y/ N) u' g.xspace-itemlist {margin:0;}
( n' T2 |+ L7 {! @1 P8 i' m.xspace-itemlist li { border-bottom: 1px solid #A3D8DB!important; }
3 O- E' N# m( ?) p8 f& D+ x/*信息正文中的模块*/
) j0 S9 K N" `2 T& M! g.xspace-msgmodule h5 { border-bottom: 1px solid #A3D8DB; }
# q6 ], i6 A4 H2 Q9 X
/*自定义字段*/
8 z. g! \" h4 T- U
.xspace-addoninfo { border: 1px solid #A3D8DB}
: H8 S3 Z1 M9 m1 P* Z' L/*出价记录*/
5 m" t6 `9 s- {' u4 \#xspace-aplist th, #xspace-aplist td { border-bottom: 1px solid #A3D8DB }
+ y0 ~: ]! Y' I$ B- g) @ #xspace-aplist .xspace-darkrow { background: #0D6562; }
. I% B/ V3 j, w5 H/ H
#xspace-aplist .xspace-ontop td { background: #336666; }
; S1 v; r6 \5 ~: u \; Q
#xspace-ownerinfo { border: 1px solid #A3D8DB;}
8 h4 f3 E A2 ^( ~+ X
/*商品基本信息*/
g; w, q7 P ^
#xspace-goodsbaseinfo li { border-bottom: 1px solid #A3D8DB }
6 @. }- l1 p+ H+ O( Q$ e1 q/*图片显示页面*/
4 F: y6 e/ F# F" b, e
.xspace-imagebox { border: 1px solid #A3D8DB }
6 k) [! G: W) v2 g: U) Z5 t i0 K/ Y.xspace-multipage {margin-top:6px; clear:both;}
/ w2 F! J/ A H! e4 k3 Y; u
#xspace-imgnavbar { border-bottom: 1px solid #A3D8DB }
" S! m- p% ?, e. |) m
/*文件显示页面*/
) N( B$ O/ s5 g5 w: a: ^#xspace-filebaseinfo li { border-bottom: 1px solid #A3D8DB }
0 ?3 A. S k; v1 e- X9 b/*信息正文中的模块*/
5 R) g/ L0 @/ V6 V; k2 S5 n
.xspace-msgmodule h5 { border-bottom: 1px solid #A3D8DB }
, W: z9 h1 x9 y) Z' q, }" Z
/*Tab选项卡*/
3 t( U4 u1 N! @, @8 ?1 Y
.xspace-listtab { border-top: none; }
+ ?3 t; M# G( u) J, `
.xspace-listtab li.xspace-active { border-bottom: none; }
4 `8 N( l! n: G3 w2 Z
/* 分页 */
1 D4 c B/ P b& J* B
table.xspace-page a { color: #000;}
, l% e5 @3 z0 B7 j0 I2 p2 M
/ S# U, P+ t' d/*突出边框*/
6 {/ {6 n" S7 G
#xspace-imgnavbar, .xspace-noticemsg, #announcement, .xspace-itemlist li, .xspace-imagebox, #xspace-filebaseinfo li, #xspace-goodsbaseinfo li,
, y/ h2 S2 L% ` j' S' L6 Q
#xspace-aplist th, #xspace-aplist td, .xspace-msgmodule h5, .xspace-addoninfo, .xspace-itemlinks, .xspace-itemtag,
% ]3 h, G5 ]) U" S
#xspace-itemreply dt, #xspace-itemform fieldset, table.xspace-page a, #xspace-ownerinfo { border-color: #265C5C; }
0 w# V# J$ H. i6 w
^' k% m3 v" ]$ n! Z2 y
/*突出背景*/
- I P( @& i4 H6 A! e Z
#xspace-aplist .xspace-ontop td, #xspace-rates a, table.xspace-page td.xspace-current { background: #265C5C; }
, S5 Z0 D! K L: A# C# d# ktable.xspace-page a, table.xspace-page td.xspace-totlerecord, table.xspace-page td.xspace-totlepages { background: #265C5C; }
2 h# g! i$ R! N' n G
0 O- s: I7 ?8 F
/*页面底部定义*/
3 f* R- W' R& j* B- y" E
#xspace-footer{width:996px;height:200px;color:#ccc;margin:0px;text-align:center;background:url(/supesite/xthemes/bw5/images/index_02.jpg) no-repeat left top;padding-top:65px}
% k- J, {# r g7 w0 T1 l
#xspace-footer p { width: 820px; margin-left: 0; margin-right: auto; }
