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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   1 a; Q# p2 f3 Z8 N! O- Q
2. #newsblock { margin-top: 4px; }
   
3. /*-----------------------------------------------------------------------------------综合设置*/
   
4. 
   8 M+ F0 b' u/ I3 \. v  _
5. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   . y$ \1 q2 I; Q
6. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
7. 
   
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   / L6 {3 \0 [0 a
10.         a:hover { text-decoration: underline; color: #000098; }
    / H2 c. N' x' f, }" J8 x
11.                 a:visited { color: #666;}
    
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    1 I9 q1 e/ B+ V- w  a
13.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
    $ m2 u$ y, Y" @9 e
14.         a img { border: none; }
    
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    : l6 Q3 T, N  w1 f- R6 I
16.         li cite a { color: #999; }
    
17.                 li cite a:visited { color: #999; }
    
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    ) H' ?- t2 Y$ I0 g
19. 
    0 e( W3 V5 R4 k2 `5 f$ C' q3 e
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    4 Z7 Z$ w5 D2 j
21. 
    
22. form { margin: 0; }
    
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    / V9 ?& r+ H; _9 y3 _! t
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    - v0 p7 Y1 T: g# j
26.         fieldset { border: 0; padding: 0; }
    0 J" R( Z/ r  m1 ?8 N- c; q
27.                 legend { display: none; }
    ( G$ v2 K3 k5 O$ r& Y- X' k
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
    $ }& G6 G9 D4 Z( K4 G
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    + x: q! f' ^: |6 c( h' c
31. /*顶部导航*/
    9 c6 v; {8 j+ R9 y+ n6 H9 g2 g* a# J
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; }
    2 h7 A" i# P& P4 F
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    
35.                         #topmenu a { color: #154BA0; }
    
36. 
    ' s8 M+ M9 W7 L0 H) t
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    3 B. ]$ L% {7 ^4 |6 Z
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    
39.         .banner468 { float: right; }
    0 T: I" b5 j7 z$ d  i( x: w- J
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; }
    
43.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
    0 u* f. e! L3 j
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    / t/ T, a1 j6 O* }2 G, M# |
45.         /*首页导航*/
    9 Z0 S. G" R  y
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    9 m; l( ^( U6 T& z% l8 x
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    ; i% [2 {; ^$ Z9 x: W1 G, A- E
50. 
    2 f$ b2 Z; o9 J4 c0 a
51. /*您的位置导航*/
    6 P+ T" T$ _+ A1 U
52. #navigation { padding: 1.2em 0; }
    ! f% J/ I$ ~* p
53.         #navigation p { margin: 0;}
    / s- s1 u) l; u$ r7 O
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    : v( d8 b1 t3 p
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
    $ G/ y( h6 R$ Y' Y
57.                 #searchform button { margin-left: 0.5em; }
    - [) G6 i/ `+ j
58. 
    
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    0 O0 e- W* P5 z" p& C8 ?
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    1 b/ b6 k) x! E
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
      T& \4 \: j. Z  K! K; @/ \
64. 
      S* s! ]  o) X+ @/ l3 Q; E4 p
65. .content { /*三列布局*/
    
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    1 x$ h- q  R- C+ Q; ]. ~7 w! X# E
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    
68. .contentL { /*两列布局，侧边在左侧*/
    
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    $ _( ]) b8 ]9 Q
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
74. /*侧边样式*/
    
75. .sideL { width: 296px; float: left; overflow: hidden; }
    
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    . |  ?$ z$ W/ z# J
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    # r1 }( {7 g! u( \
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    " Z# f+ I4 w: S8 E1 {$ J% g: r
84. /*版块标题*/
    8 u" U+ c0 {) @: A& ~
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    
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; }
    
88. 
    2 z( R  j1 n5 _# _( w# S: I
89. /*头条信息*/
    % Q3 E6 _4 z& H( v0 U1 M
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    # I  m/ L+ \9 d9 @% p: g
91.         #headline strong { font-size: 1.2em; }
    
92.         #headline p { margin: 0.3em 0; }
    
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    9 @! K) b9 Y5 ^  n) t6 J! w
94. 
    " f. A1 |7 |2 G( g' e$ o
95. /*侧边版块*/
    
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    ; F0 _& w) e/ n8 W
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    7 a/ U5 s( ]8 l0 ^# v
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    1 E* D. A9 d, F+ A, k' S; L" P
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     % r2 t# E* X% Z
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     
103. 
     : n9 G0 ^/ {5 \' m
104.         /*侧边多行列表*/
     
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     ! z0 X( N" I, u, M. J
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; }
     
110. 
     7 i1 A/ P( B" j! M
111. /*单行信息列表*/
     
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     ( B6 }3 t" z$ i
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; }
     8 `- N1 W8 K' E$ b6 T
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     , i2 M: l9 R* W8 Y( X' H
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     9 ^1 C6 M; b  g5 l0 w0 z
117. /*多行信息列表*/
     : N* f/ H/ Q" z& a
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     2 I* f0 Z" U, K' O8 [) Z0 Z4 @; Z  _
119.         .messagelist li { margin: 5px 0 10px 0;}
     
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     9 W1 ~: i0 X2 D+ a( {
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     # H* K" _1 y  O; y6 i2 z+ V
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     5 Y4 {7 F$ Q5 a6 w7 x# v' ?) Y2 B
123.                 .messagelist li p { margin: 0; }
     
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; }
     ; Q( g, c5 K, f- A/ @1 I
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     & M3 C7 f& y" a5 ^( A- A% ^
128.                         .messagelist dd a { color: #999; }
       f6 N* K5 g( @6 T; D
129. 
     
130. /*热门话题*/
     0 t" D2 K! Y2 D2 W
131. #hottag { overflow: hidden;  }
     
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     ) C6 G. j) K2 U1 H/ x8 b/ Q
133.                 #hottag div { color: #999; overflow: hidden; }
     * z9 R3 z# i8 K- @4 Q; u" }) V
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     4 V1 N, `0 Q* O- ]) \, [* O8 W
135.                         #hottag a em { color: #999; font-style: normal; }
     : G& t- X. t  F6 i" p; j' R
136. 
     
137. /*用户面板*/
     - D1 O6 u7 n, U" Y1 A8 u7 j
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; }
     
142.                 #dologin { float: right; }
     ) H1 C* ]( C) P) ]( `  z. P
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     0 ~2 h. r5 _1 a! @
144.         /*登录后*/
     , ^1 }4 V3 S1 E1 A- D
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; }
     " Z8 Q% j' g6 Q9 z0 K  A& c% s9 [9 v
147. 
     
148. /*空间之星*/
     % T. w5 b+ J  b
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     
150.         #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
     
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     7 p% ^$ a& ^2 P" P# y3 k# D
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
     
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     ! Z% F9 \( I2 {9 L8 X
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     , i# o5 h4 i$ F; n
157.         #cityspace select { margin: 2px 0; }
     0 j2 F; d& @: l; V* v" M
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     9 I' ~4 Y8 R' _
160. 
     
161. /*空间排行*/
     
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; }
     * A6 \. f: K; N4 N$ v
163.         #hotspace li { height: 20px; overflow: hidden; }
     1 f) W) K2 Y6 T+ H9 d$ T6 {! \3 z: U
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     9 m% `2 S0 _: `$ J
165. 
     
166. /*热门文章 */
     . G5 }- \" e- h( M/ J) t
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     
168.         #hotarticle h3 { font-size: 1.2em; margin: 0; line-height: 22px; border-bottom: 1px solid #86B9D6; }
     
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; }
     0 G0 t( h0 x4 ?) [
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     1 o1 a# i/ m* Z
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     , \0 N/ d3 m( @& s; N  _4 b& K* E
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; }
     8 Z6 M1 E; x2 s
174. 
     
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; }
     * `  S) e  \* i% t0 V
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     : w( o5 N0 m0 Z1 c6 }7 p3 }
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     $ d  D) X$ _* D
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     
182.                         .imgthumblist img { width: 100px; height: 100px; }
     ! w, u# d2 O: V7 M
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     
185.                 .throughgallery .imgthumblist { margin: 0; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     
188. /*商品*/
     : K7 k; L! E" j* V* A4 T  C
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     
191.                 .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
     
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. 
     ! y* o% ~$ {  E3 _, `9 E
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     ' Y( {# g$ b/ R( ~" Q' y7 W
196.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     , M8 `; w( q, L+ V6 h. K" b" j
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     ) E2 S5 Q5 e: i. R# q0 \1 [
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     # e" N8 J; A4 e
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     ; S4 m1 E- S6 m$ j0 [' o" U+ i
203.        
     ; Z0 P# s0 y1 i4 A" \3 }6 @
204. 
     
205. /*栏目区块列表*/
     4 _$ y' Y' `* D2 a
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; }
     
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     ; B( T9 d9 a6 e' F9 u
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     
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; }
     % w" Z" w2 j+ Z
214. 
     % R% m% M8 e$ N3 ]( m
215. 
     
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     $ @' f" }8 H/ B7 }
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     * o- X! k! S, A
220. #newgoods, #commendgoods { height: 200px; }
     
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     
222. 
     
223. 
     
224. 
     - P1 P, y+ ~' w" J' i) W- M
225. 
     4 X, y3 ~/ [  ?3 W
226. /*信息列表*/
     ' s( H" b/ k3 h: m. Z& ~  O
227. .articlelist li { padding-left: 60px; }
     6 d* l0 X- \4 m% E) C) q5 s# O( ^
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     1 f8 W( i+ x: x
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     % B* B3 i% k. ?5 j
230.        
     
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     8 n% K" c0 U0 X
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     ! o9 u; ]- i2 E. K+ y
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; }
     ' h2 S1 o) Z8 h" ?; ]
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     
237.                
     8 X9 {2 s. c' }/ d) p  r6 F
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     
239.                         .articlelist li strong a { color: #999; }
     8 A- x. t. H7 X# Q2 a% u' E$ F
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     ; _9 G+ }' u# u+ z0 W7 W
241.                         .articlelist li p a.more { float: none !important; }*/
     ; q, E1 }0 p& A5 ~. y1 t* S
242. 
     
243. 
     ( {+ t6 j; y9 g2 c. L
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); }
     
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
     , K1 L- C0 V3 W  \
249. /*专题列表*/
     
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     4 t- y* w* c0 L+ [( |8 K
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     
254. 
     
255. 
     
256.         #xspace-rates { height: 2em; }
     2 B! x5 D+ N# _1 n1 G' s' R6 m; M2 @
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     % G3 t3 Y* c4 j" a) `
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. 
     
262. 
     0 a- i( H. t- h: W  L( Z
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     
264. 
     ! {2 C3 E6 S& U6 e$ b, [
265. 
     7 z  x9 F- F, v( N
266. /*Pages*/
     , e' X# U  w# C
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     
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; }*/
     % N4 ~6 K' ?& }( T! }
272. 
     
273. /* 分页 */
     
274. .xspace-page { margin: 2px 2px 2px auto; }
     
275.         table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
     , Y, n: M% E: F6 Q
276.                 table.xspace-page a:hover { background: #86B9D6; }
     6 T+ i+ f7 p: z/ n
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     / M0 n+ N: Q+ f3 M! @7 A+ m, I
278.         table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }
     
279. 
     4 l2 B3 x3 p. D- x( E% G
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     6 d) v- ?3 I; Q( E
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
282. 
     
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     
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; }
     
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     1 \" V. V" f2 [. m) A' |2 `
290.        
     1 d# J' @- g2 }2 M6 x% F" [$ J
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     , a+ i- V9 I  K8 b
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     
294. .articlectrl { margin: 0.5em 0 1.5em; }
     3 G% t, t3 C0 j' i
295. 
     ' S9 N, ?& X4 `. H1 [, j; E
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     : O6 K0 g+ U! Y% |" L# `
297.         #articlebody * { line-height: normal; }
     , |' a8 r3 D3 {( }
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     
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; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     4 g4 O: Y& h- ?
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     7 K* k. b1 ^) ]" ^- w
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     6 K" x0 ~7 }: G) s- e: q
309.         #commentlist { overflow: hidden; border: 1px solid #86B9D6; margin: 4px 0 0; padding: 0 5px; }
     
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     7 S- v! Z+ e; a1 _
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; }
     1 L4 U6 a) S3 _4 E- c3 [+ n+ b& c
313.                                 #commentlist .messagelist li div * { line-height: normal; }
     0 n3 h3 R/ G2 }0 z# G5 R! L
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
       E$ M, l9 C* R1 F
316. 
     
317. /*发表评论*/
     9 L, F! y. N! C( w( U
318. #comment { margin-top: 4px; }
     ( c2 {4 P2 l. X) a6 V- C1 b
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     
321.         #comment p { margin: 0.3em 0; }
     
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     + A3 @0 x, I5 }2 i# F9 `
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; }
     7 L7 o& @* F7 K
326.                         #xspace-rates a:hover { border-color: #CCC; }
     
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; }
     
328. 
     
329. /*AJAX div*/
     " c% ?- n3 @% `; V
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; }
     
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     . q; w" w' E! V( T3 `
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     9 i; l! P7 B$ x- i
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   
2. 
   
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   . ~* \& T$ @& E
5. 
   

复制代码

) u5 F; Z6 K8 x" W( Y4 F
$ C) S( N3 Y* f5 n分析
6 t/ F& u7 K3 o" t$ n% ]

1. margin属性说明：
   8 s, I; Q# n4 V$ k0 j
2. 
   
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   % ?4 E+ M% q2 s6 V) k+ l# @' U" ]
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   " Y7 f' A$ K& b) m$ t7 A
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   5 ]8 Z& ?4 `! s- }# o9 h  R
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    
11. 
    
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    
16. 
    7 H5 y/ [! t4 L# h

复制代码

傲天♂浪子追风

1. /*链接样式*/
   
2. a { color: #000; text-decoration: none; }
   
3.         a:hover { text-decoration: underline; color: #000098; }
   - u* k1 ]9 g' l9 O" `/ W1 a
4.                 a:visited { color: #666;}
   - k% l. l; ]0 X' T3 g
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
   
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   
7.         a img { border: none; }
   
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   ' o# B% @" M+ [' h
9.         li cite a { color: #999; }
   ' L1 O9 C2 P1 l' z9 E$ ~
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; }
    
12. 
    # e9 K6 C  g  y) d* y" |

复制代码

, _- a; @3 s; W: x5 Q, w, k
4 C4 @+ v# l/ j, ]  Y! \3 Z分析
. b+ [" D1 H, G  Y; W8 q8 w
1 W! v% l/ y% c: J$ i4 E

1. 
   - {# G, D* ^/ ^
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   ( n3 }) f5 m  `. ~" K) B
4. blink : 　闪烁
   
5. underline : 　下划线
   / P! i5 a& p$ X. R6 D# B( O
6. line-through : 　贯穿线
   # s* @- c/ t' U. z# b# q2 k
7. overline : 　上划线
   + U" h, f4 C" K! T2 U
8. 
   " V9 P* c# Y/ Y7 Y0 k/ j7 S1 M/ M
9. 
   : `( h- l5 K5 ^& M2 R
10. hover:设置对象在其鼠标悬停时的样式表属性。
    
11. 
    
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    / f2 p' E6 P) `- q
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    4 q7 N6 g6 B0 P' C1 @0 w2 n( W
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    
16. 上面这两行是与鼠标相关
    
17. 
    * P% Q6 ^( s) Q4 H' y! Z
18. a img { border: none; }图片连接相关
    
19. 
    , e! j/ w2 ~! r, @2 i/ p7 s1 {
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    
23. 
    / c6 b( {7 ]7 X9 B' u' @+ @
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    ( I+ S+ O( b  s5 ~
27. oblique : 倾斜的字体
    
28. 
    0 m# k, ^  @- j/ k8 J' }
29. 
    . j8 i2 T- E4 [( s2 ?$ t4 ^, e1 \
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
      D4 A7 k; x, A2 ]6 |1 c! G
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    0 m# n3 I" Q6 @/ y$ l$ U
33. right : 　对象浮在右边
    : o6 d2 U2 j8 j5 b* S
34. 
    
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    
38. 
    
39. background: transparent 这个的意思就是背景透明...
    4 e- n0 A0 G2 T0 [3 x
40. 
    ' Y% M" o; ?" y$ `# e$ Y, N" `3 I
41. 
    % s* j& c1 T) r& ?; q6 @
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    & o- F8 ?. K; j, z* o8 M. b" Y( Z2 A
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    
47. lighter : IE5+　细体
    / h: N- v% A; x6 d
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    - a3 Q! `0 n7 ~" R7 r
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    
51. 语法：(每一竖隔开为一个状态)
    5 G# J7 B, u! l$ |
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)
    2 q  T$ Y' r+ [! Q1 ~$ J" Z
53. 
    
54. 
    + K9 b. h- P+ X
55. 
    
56. 
    
57. 
    
58. 
    2 \& T3 u/ ~5 {% U% i
59. 
    5 U) T+ I7 W4 |- V* [- |! ?' q( m

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   
2. 
   : F! ?  ^- ]3 M
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;
   
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   
7.         fieldset { border: 0; padding: 0; }
   5 A1 R( f4 v+ w* t$ S; c8 E7 Q
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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