CSS..研究...............

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   
2. #newsblock { margin-top: 4px; }
   
3. /*-----------------------------------------------------------------------------------综合设置*/
   
4. 
   ( S. _9 \3 c: f) X2 T
5. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   
6. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   & c  x) E. F0 y; ]" R* O3 g% v
7. 
   
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   % g# y+ B" h# ~/ ?# e
10.         a:hover { text-decoration: underline; color: #000098; }
    5 g( l& \% L* J# X9 B* N
11.                 a:visited { color: #666;}
    * o" }5 G2 {) }# q
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    ! h( L9 n. A- _$ o6 f
13.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
    * Y2 W/ n, B4 C& U* G1 {
14.         a img { border: none; }
    
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    - N& D6 u% l2 F
16.         li cite a { color: #999; }
    ) i7 U# r  [- r: ?: r& B
17.                 li cite a:visited { color: #999; }
    & k1 F, G* S: n1 C: j
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    ( {4 g% j4 _) J; f
19. 
    
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    + z, L+ g0 f: U, N, E+ M
21. 
    
22. form { margin: 0; }
    , t" {  S7 e7 I; ?  N0 P. D
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    9 v# c3 X/ {: J: f# F/ I. ^5 a
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    
26.         fieldset { border: 0; padding: 0; }
    
27.                 legend { display: none; }
    6 K0 [" \8 `6 F! b0 ^
28.         label { cursor: pointer; margin-right: 0.5em; }
    ; s8 J0 @, {! W# [
29. 
    2 h0 Y) e/ K8 }5 \2 e% J# y
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    
31. /*顶部导航*/
    
32. #topmenu { background: #9FC8DF url(../images/new/title_bg.gif) repeat-x 0 -3px; border-bottom: 4px solid #F5FBFF; border-top: none; text-align: right; line-height: 2em; }
    
33.         #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #86B9D6; }
    3 `! [5 p/ A+ |9 s. p" ]9 @
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    
35.                         #topmenu a { color: #154BA0; }
    6 {  S* b, r9 W4 ]2 d
36. 
    
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    - o2 s  k2 B' s" }% ?4 y( ]2 t
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    7 X" B) }1 k9 h: @8 Z
39.         .banner468 { float: right; }
    
40. 
    
41. /*主导航*/
    
42. #menu { border-top: 2px solid #86B9D6; border-bottom: 1px solid #86B9D6; line-height: 25px; background: url(../images/new/menu_bg.gif); width: 910px; overflow: hidden; }
    + y( N7 K/ M/ y6 Y
43.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
    ( |! p. I1 X& K: s' S
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    # Q# `; I6 t$ K! L; l' U& [( x9 u* z8 f
45.         /*首页导航*/
    3 ?. J9 R/ m* ^! r  U2 t% S
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    4 B9 H! r* ?- e: n* F. u
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    + w+ \- I6 G! `/ w) J0 H1 `
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    6 X. _- ?: \4 g+ i+ B
50. 
    
51. /*您的位置导航*/
    9 S9 I! I, J7 s* q+ c' G/ _% b6 W
52. #navigation { padding: 1.2em 0; }
    & r# Z( \/ Y9 N0 e: d
53.         #navigation p { margin: 0;}
    " I  C; n# f$ a3 t& b
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    5 B) A7 N. |  a1 m# ]" |5 H9 y
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    
58. 
    , F7 L. i$ E: B! Y; v3 }8 H
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    
62. 
    % q6 M: V. W0 k" h
63. /*-----------------------------------------------------------------------------------布局*/
    ; G1 E, H1 G: ?1 V$ v, p
64. 
    
65. .content { /*三列布局*/
    
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    ) H3 }; d$ V( u, @
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    # @! C7 i/ X. V
68. .contentL { /*两列布局，侧边在左侧*/
    
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    3 D* w! i% ^1 S8 t
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    4 U# c1 B5 V! `. g3 c
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
74. /*侧边样式*/
    ' q1 c: U% w, U1 i% W
75. .sideL { width: 296px; float: left; overflow: hidden; }
    : @% v4 j0 f" P! c
76. .sideR { width: 202px; float: right; overflow: hidden; }
    . ~0 \4 h2 V! u  C) Z1 ?( P# B
77. /*中间部分样式*/
    
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    ' }! _' V- T, K" d1 p& D: H1 K, u
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    2 Y# w( r6 a4 E) l. X0 T
83. 
    & L, j- C0 ^5 Y2 {7 B& Z/ J* c8 g( }" u
84. /*版块标题*/
    
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    $ _. v) [2 `, W# z& a
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    
87.         .blocktitle .more { margin-right: 5px; }
    + L3 c; q# \; B5 Q" E! b; K
88. 
    
89. /*头条信息*/
    & T0 L7 \4 T+ ?& w( {
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    * i2 B, n, l* D
91.         #headline strong { font-size: 1.2em; }
    1 L5 F& `% @1 Y
92.         #headline p { margin: 0.3em 0; }
    6 i- G8 o5 i' E1 g
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    ! f3 K/ \) l1 J, D. d
94. 
    
95. /*侧边版块*/
    4 z- ?3 g! d) k+ `
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    5 Y) F+ P6 q/ L3 ~$ i1 ^( t$ u0 `
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    5 h7 ^3 [- e9 C, l. p6 D% I
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     * F+ J+ O7 W' X+ }, S* f
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     , }7 |5 o3 s. {. P2 C6 i  j
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     
103. 
     
104.         /*侧边多行列表*/
     4 V4 u$ j9 Z4 J2 D3 j
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
       Z" n' r; t& j) P
107.                 .sideblock dt { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
108.                 .sideblock dd { color: #999; margin-left: 0.8em; }
     
109.                         .sideblock dd a { color: #999; }
     $ H# y+ ^# y5 I" C
110. 
     3 c; e+ E/ d. V  f! S$ a- m
111. /*单行信息列表*/
     : h* K. ]% G; f, a
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     & c. `. Z( ?7 g8 t$ z
113.         .msgtitlelist li { height: 1.6em; overflow: hidden; padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     9 W* k( i  `& U) E% w
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     % u! \# A- m( m6 G4 x
117. /*多行信息列表*/
     ! m$ U  r( R/ x, w' I% ~
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     8 ^$ P' B! l3 y2 L% W- W1 R7 R
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     7 i6 F! {7 @. K, W
124. 
     
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     1 M! X9 B* t  N4 t* q/ Y/ H
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     $ Z; ]& U6 j' T
128.                         .messagelist dd a { color: #999; }
     
129. 
     % H) D. A) w8 _$ \" D7 D! v
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     + G# x) l# [) x' K
133.                 #hottag div { color: #999; overflow: hidden; }
     # P/ V' q9 i& P# R' M" F
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     4 r1 @  q2 b/ T" V3 g- Q5 w
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     
140.                 #userpanel input { width: 90px; }
     
141.                 #userpanel p { margin: 0.5em 0; }
     - G+ v" p; N$ k$ Y+ D
142.                 #dologin { float: right; }
     
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     
144.         /*登录后*/
     3 T* v0 G. p# S3 n3 g! h, U
145.         #userpanel li { border-bottom: 1px solid #BBE9FF; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }
     
146.                 #userpanel li a { color: #000098; }
     * h% \" M, A7 e2 e/ p- W% j) o( W% G
147. 
     ; \; w- U! u9 \. E) S9 |/ R
148. /*空间之星*/
     7 A0 ~! ^7 q( t6 L$ O, S
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     # t( Q2 k/ z8 Z3 Z
150.         #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
     . u0 u( a( r+ l) n& X+ Z# v* d
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     / s! s6 U% [8 D$ }
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
     
154. /*同城空间*/
     / u( F" a+ k' `2 ^) Y
155. #cityspace { background: #F0F9FF; }
     2 C& P7 C$ J. ^5 t" j8 _
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     
157.         #cityspace select { margin: 2px 0; }
     
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     
160. 
     1 i% o- g% b/ x& x1 e, `
161. /*空间排行*/
     " Q; B* J  e, x$ y# S
162. #hotspace ol { margin: 0; padding: 0 0 0 20px; line-height: 20px; background: url(../images/new/hotspace_bg.gif) no-repeat; list-style: none; }
     1 m5 G6 }3 M- @4 v( R" `
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     
165. 
     2 h4 F4 Z7 s5 Q% Q" p' A
166. /*热门文章 */
       T; Y4 k( n2 m# i
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     8 z! B# n* J  v2 S
168.         #hotarticle h3 { font-size: 1.2em; margin: 0; line-height: 22px; border-bottom: 1px solid #86B9D6; }
     " |3 [/ ^, s' E1 o( g! |4 n2 T
169.         #hotarticletabs { position: absolute; margin: 0; line-height: 18px; top: 7px!important; top: 8px; right: 10px; }
     
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     9 p. d" W( C$ Y% O# Z/ A/ z0 g- @$ G
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     $ z, e. {2 j  o6 S- d9 A
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     7 x9 t7 N& g6 |- O6 g, k
173.                 #hotarticle li { height: 1.7em; overflow: hidden; color: #999; padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
174. 
     + n! g- p& J. `" c6 v6 z7 Z
175. /*图片列表*/
     
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     
178.                 .imgthumblist li { float: left; display: inline; background: #F0F9FF; width: 108px; height: 163px; width: 100px; he\ight: 155px; overflow: hidden; border: 1px solid #B9D0ED; padding: 3px; margin: 3px; }
     $ T6 s: v9 I! i4 n6 D
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     * m- Z9 b# T! K7 G+ l" L5 a
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     7 k3 G6 ~' A* N0 K* h
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     6 J( _0 W  j- p: D: ~
182.                         .imgthumblist img { width: 100px; height: 100px; }
     + d2 n4 F& x4 P' u$ t
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     - j  Q: \9 L4 ^6 z
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     : Y6 S1 z! s8 O! ?% Z( g
185.                 .throughgallery .imgthumblist { margin: 0; }
     # [9 p, d6 e4 b0 n: j; B1 f7 y
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     0 Z  q3 G  Q( z
187. 
     
188. /*商品*/
     * O' r+ I5 i8 q: Y; N; I
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     ) S* a' {2 \" S' j: N! b" X9 C
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     
191.                 .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
     6 K: [* G0 l8 J9 x+ I$ A  {
192.                         .goodsthumblist li img { width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     
193.                         .goodsthumblist li p { margin: -3px 0 0 !important; margin: 0; height: 1.5em; line-height 1.5em; overflow: hidden; }
     
194. 
     
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     
196.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     4 ?9 `( H; `2 }
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     4 Q5 h, a8 `* {/ t4 k, ~5 @8 d
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     / C( t  e3 w- H5 U
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     7 W6 o6 E* t" t3 I
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     ( \# l3 R5 x$ K) P7 ~6 A/ B
203.        
     
204. 
     ) M0 A$ v1 N& p7 t
205. /*栏目区块列表*/
     
206. .category {  margin: 4px 0 10px 0; }
     
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     - Y, z! x- }7 F- ?" o$ C
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     ) W( r& F% \& W5 L/ v: X* y
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     0 `: K6 `$ j) d* T# ?0 I
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     5 Z1 F$ X: Y& H# q
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
212.         .catecommend { background: #F0F9FF; margin: 0; line-height: 2em; height: 2em; overflow: hidden; padding: 0 1em; }*/
     
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     
214. 
     
215. 
     8 }/ v/ n0 L% d; d( [) r+ e
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     2 h% X( x8 W6 |+ B
222. 
     
223. 
     0 p7 i9 I* T7 U
224. 
     
225. 
     
226. /*信息列表*/
     + X/ O# v" m# w4 B. @: b) ~
227. .articlelist li { padding-left: 60px; }
     
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     6 R% K3 b& Z$ }" M
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     
230.        
     
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     . A! N( Y6 g) P/ {4 z; h
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     2 z) C8 L% U1 V3 f0 v
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
     
235.                 .articlelist h4 a { color: #000099; }
     5 A3 E+ `5 {5 q% L: w
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     " B4 I0 \3 c/ m& @: @5 U
237.                
     - j# W6 {, N% L& T% v
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     ( L" w2 h6 K; u0 Q9 P' e/ @; I( s; n
239.                         .articlelist li strong a { color: #999; }
     
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     
243. 
     4 L+ J/ L1 C: h5 O* N" D. Y
244. .catepic { text-align: center; }
     
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     
246.                 max-width: 150px; max-height: 150px; width: expression(this.width > 150 ? 150: true); height: expression(this.height > 150 ? 150: true); }
     2 u7 m8 Y/ ~4 }
247.         .catepic p { text-align: left; margin: 0.5em; }
     ) b1 ~9 z  u2 D' j# u$ X. Q
248. 
     
249. /*专题列表*/
     ; _9 w1 b7 ~: s. `8 a( v
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     ; D$ N1 Q$ X9 Q) z% @
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     
254. 
     
255. 
     / |# ?+ I& p9 F! `, K
256.         #xspace-rates { height: 2em; }
     ; v7 P; t! _. K% i) Q3 ?
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     
258.                 #xspace-rates a { float: left; border: 1px solid #EEE; text-decoration: none; width: 20px; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; }
     
259.                         #xspace-rates a:hover { border-color: #CCC; }
     
260.                         .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }
     
261. 
     0 E7 j- S+ i4 A& G
262. 
     . l+ m  ~+ ^6 q! c1 h" M
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     
264. 
     
265. 
     
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     3 B; b1 w* B' g- B) R
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     
272. 
     # ?6 q6 D+ \. M7 C4 r0 M& Y8 p
273. /* 分页 */
     
274. .xspace-page { margin: 2px 2px 2px auto; }
     4 I9 ]  J% d2 y, H
275.         table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
     
276.                 table.xspace-page a:hover { background: #86B9D6; }
     0 J6 d3 h6 A, C" ~% J( I
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     
278.         table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }
     
279. 
     
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     ' i( G4 H! ~2 I
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
282. 
     
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     % b) G) I& x% Y
284. #footer { clear: both; border-top: 2px solid #86B9D6; padding-top: 1em; padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; }
     
285.         #footer p { margin: 0.3em 0; color: #999; }
     
286.         #footer strong { color: #007AB6; }
     
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     $ [9 p9 N8 Q0 H' y4 R; c% o2 _: t: _
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     
290.        
     1 w3 `. @( M: E) `+ x# ^
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     ( B: e) d+ N# S  o: c* }
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     
294. .articlectrl { margin: 0.5em 0 1.5em; }
     : T' p% c- h5 K$ z$ h: v! W+ G
295. 
     . |8 o+ w' U% u! P$ P% G( N
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     . F. d! Q4 f' ^2 S5 i; S
297.         #articlebody * { line-height: normal; }
     + @7 [6 s7 D% @0 a: S* [7 M
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     # x% c; q# j8 x- S* }# `; b
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     
302.                 #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
     
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     - j. E) O8 D; R! ?+ r; O
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     0 e( l: G/ s4 o" ~6 n# d1 Q2 V
305.        
     
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     2 U! y  C" {# f0 v. @
307.        
     
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     3 C. ^  v+ ?& Q6 t4 B" L
309.         #commentlist { overflow: hidden; border: 1px solid #86B9D6; margin: 4px 0 0; padding: 0 5px; }
       P7 V, D7 V1 O; U* v0 }: n! g8 ], u+ M& l
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     
311.                                 #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
     
312.                         #commentlist .messagelist li div { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; }
     
313.                                 #commentlist .messagelist li div * { line-height: normal; }
     % e+ Z* a% A. g6 i0 ]6 A9 k9 g) P
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     + C% T6 [* K- b: d% L
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     
316. 
     
317. /*发表评论*/
     3 ?5 e+ L2 N9 C
318. #comment { margin-top: 4px; }
     
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     . y% @1 `+ p+ c1 s
321.         #comment p { margin: 0.3em 0; }
     
322.         .seccodeline * { vertical-align: middle; }
     9 N( S$ N  U; A, i4 Z
323.         #xspace-rates { height: 2em; }
     
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     : G* `9 H0 N  L8 Y; @$ H! t9 W
325.                 #xspace-rates a { float: left; border: 1px solid #EEE; text-decoration: none; width: 20px; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; }
     2 I- ]6 O- b- h7 f% V& _
326.                         #xspace-rates a:hover { border-color: #CCC; }
     # v; i: m5 ]' V
327.                         .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }
     + {7 ]7 Q5 ^, j4 t. M
328. 
     
329. /*AJAX div*/
     9 J% \5 H) s- A2 J7 v" p; {9 g, b
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     1 h# W2 t$ n$ A! _1 ]1 u' t6 J0 P3 ~
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     7 A; m4 N9 g# s. h6 s
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     5 J* {  \6 {0 `
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   % Q' w( G  }* l; W$ }* B. v) K
2. 
   : [6 `3 N$ K- ?* w
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   3 h7 \  s& g9 Y3 K. Y
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
5. 
   

复制代码

' o% ~4 W+ E% c% D: ^& e
! B3 x7 v, C  @2 V; r分析
9 |6 z/ B9 U* ?" l( r; w1 o
* N9 I  m$ i. z1 d# S

1. margin属性说明：
   1 l: A4 y. U4 b& V
2. 
   
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   ; G' k# V; F. |! M9 s& W7 W4 f
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    ( e$ t7 B0 b5 F4 J* x3 a+ h
11. 
    $ v" Q/ q6 {) h8 i" ^8 X
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    2 m8 b8 g9 Z  p+ H' T2 [% H
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   . s, v; K) w. @7 }& Y, J- O! K6 p, M
2. a { color: #000; text-decoration: none; }
   
3.         a:hover { text-decoration: underline; color: #000098; }
   ; d: i: I1 F  F
4.                 a:visited { color: #666;}
   
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
   1 @) P- y& e# W1 G6 i! y1 {0 O
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   
7.         a img { border: none; }
   . ]$ k7 S9 L3 d' I
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   
9.         li cite a { color: #999; }
   0 H  [. O* V7 I+ H! s
10.                 li cite a:visited { color: #999; }
    
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    2 t% H2 p1 D, Y3 c$ o8 t
12. 
    8 T0 j9 c4 P4 S8 A3 H

复制代码

分析
2 a* A6 Y0 ]' |0 q
* \; ~+ T6 ?0 p4 F& G1 ~/ L

1. 
   
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   
4. blink : 　闪烁
   
5. underline : 　下划线
   8 |7 |% Y' p& A6 E9 Z$ A
6. line-through : 　贯穿线
   
7. overline : 　上划线
   ( a" N  p+ v4 |' i' e
8. 
   
9. 
   ' x* d( p( W9 G& v4 z1 O5 v( w
10. hover:设置对象在其鼠标悬停时的样式表属性。
    
11. 
    
12. visited:对象在其链接地址已被访问过时的样式表属性。
    2 N8 M$ q4 p" d' j/ T4 j+ a: N6 C1 n. _
13. 
    
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    . m- }' S9 c/ F
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    : t' l/ q0 o; Q0 n9 V. A9 l
16. 上面这两行是与鼠标相关
    , T. {- z8 |9 K9 ?/ A
17. 
    & D3 e1 @8 z1 Y: q' i- i3 |% a7 p! p; ]
18. a img { border: none; }图片连接相关
    
19. 
    ) f  b" ]/ j) D
20. 
    % S) ~# v; R+ C1 C
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    * L, |: R/ Q) U1 p* l
23. 
    8 n2 e; q: V; A: \" D5 q" \2 _7 n
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    
27. oblique : 倾斜的字体
    # {  T4 G) V$ u/ _( c0 m1 i: H
28. 
    
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    ) C* v4 `  u3 k
33. right : 　对象浮在右边
    ; N3 j( q( z" L5 b2 l8 O
34. 
    
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    - D0 q; F- S# }  q3 G& Z
37. 
    $ Y- ~) r5 _& p0 u& n" n) i
38. 
    9 D( I1 a- T) U; j/ D4 }( d
39. background: transparent 这个的意思就是背景透明...
    
40. 
    , N' r0 ^0 g: M1 v; }0 K0 m
41. 
    
42. 
    " s& w% h5 I' }$ ]' C! U; x+ a
43. font-weight: normal :文本字体的粗细,常用参数如下:
    , S" o  Q7 l/ a) P$ l# L
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    " n9 D9 }) `! e# |1 w) S
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    ' h4 \; \  }" U4 Y
46. bolder : IE5+　特粗体
    5 B: M# u- w; _! |
47. lighter : IE5+　细体
    
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    ) P$ S3 |6 M6 p5 u9 w! j
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    , E* m4 }' w7 ^7 E
51. 语法：(每一竖隔开为一个状态)
    
52. cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)
    6 }  M5 |4 k6 z: P
53. 
    ! N& d* E6 r$ q% l- h3 B1 @
54. 
    4 I. q! B: {" @0 N. d( V/ m* D; J
55. 
    
56. 
    
57. 
    
58. 
      M8 l7 r2 {: k3 a
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   2 [6 ?, z2 r# A! T2 P
2. 
   
3. form { margin: 0; }
   
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   ) i( [3 I2 y. }3 X' g
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   
7.         fieldset { border: 0; padding: 0; }
   9 S* u5 G, E6 k
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   " [3 b! j  |" l( }$ \1 r

复制代码

bronwen

还没完吧？怎么没有了啊.....

傲天♂浪子追风

是还没完的，忙于游戏，就没继续写了

傲天♂疯紫

有点晕！！偶只懂硬件！！