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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   
2. #newsblock { margin-top: 4px; }
   
3. /*-----------------------------------------------------------------------------------综合设置*/
   # L- W9 j1 D3 t+ \1 S
4. 
   
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; }
   # ^' N, K, V0 T/ q% x, t( O- t
7. 
   6 ^; m+ z7 @; P. e8 |. j
8. /*链接样式*/
   5 z" D' R" ?5 M2 w4 A
9. a { color: #000; text-decoration: none; }
     G& t% B/ E: @& w- E- T
10.         a:hover { text-decoration: underline; color: #000098; }
    
11.                 a:visited { color: #666;}
    
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    7 d8 b5 L3 z$ D8 [, ]& X; b$ a, d
13.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
    
14.         a img { border: none; }
    
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    
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; }
    
19. 
    % \. H1 K: W3 Z4 s
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    + D7 {9 e2 A! L, |0 o, @" f
22. form { margin: 0; }
    
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    8 J% k/ _3 R9 @# e: ]
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    6 ?7 J7 O% @' }" K6 q
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; }
    7 e- D) D5 V+ l2 C
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
    5 t) `- N# s! j% x. A9 l' z5 a9 I
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    : j6 y- {8 t. t7 x* `. x0 w
31. /*顶部导航*/
    ; x- E. F+ R; P$ L) E
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; }
    
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    9 i/ |: L/ S7 j6 E$ {& M
35.                         #topmenu a { color: #154BA0; }
    
36. 
    
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    7 m. l0 Q) p$ R
39.         .banner468 { float: right; }
    4 M% o2 P6 G8 A# p
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; }
    
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    8 L+ }# }/ T. Z  w
45.         /*首页导航*/
    1 s, A. z) w. ^) i5 J( U' o
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    
48.                         #menu dt a { color: #000098 !important; }
    * d% L8 B1 R2 R& r( Z8 o: ~4 K' }( g
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    
50. 
    
51. /*您的位置导航*/
    
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    " C3 j! E+ C( h; J/ m1 r: S
55.         #searchform { float: right; }
    , n9 U/ q& a- C# j7 [
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    2 m2 |2 [' g2 s* ^/ r
58. 
    1 {0 P' r# g$ A5 ~/ _5 f- 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. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    4 F. R& V0 C1 |: h- |* o# s' T
64. 
    
65. .content { /*三列布局*/
    : O' L4 }# U1 _8 B% S( Y
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    0 D" j' F# }7 i/ }$ G7 ~
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    ( Y4 K% @( w" W# O6 \! C' p8 ?: ?
68. .contentL { /*两列布局，侧边在左侧*/
    , V7 i# X- q' K% P- h/ G% j9 O
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    
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. /*中间部分样式*/
    
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    7 M. [1 g2 I: o
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    / y* H6 t1 E( d- G  S
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    $ s0 V& P  c% M  e4 Q7 C- W: C
81. 
    * h2 }2 G8 p) [4 _
82. /*-----------------------------------------------------------------------------------版块样式*/
    9 O. G' \2 \- [
83. 
    
84. /*版块标题*/
    
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    % ]: J7 I% q5 Y: C$ e. t7 j
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. 
    * u1 c3 K4 n; V3 n9 @
89. /*头条信息*/
    " h+ O6 n( U1 p& \
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    
91.         #headline strong { font-size: 1.2em; }
    3 k! S! x  i0 J1 y1 b+ v9 O
92.         #headline p { margin: 0.3em 0; }
    
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    - }- t2 B% Z; q+ c2 s) x
94. 
    
95. /*侧边版块*/
    
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    ! R5 ]( ]: ^! ~
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; }
    
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     
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. 
     
104.         /*侧边多行列表*/
     . i8 ^% Z; G3 Q0 u7 |
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     : j7 A( W3 S- e2 A! I) h
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; }
     $ y4 E! E9 O6 T! ~* x6 J
109.                         .sideblock dd a { color: #999; }
     ' c, l# ~9 Z% }1 o& l  T& k% ~# j/ s
110. 
     
111. /*单行信息列表*/
     
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     - s+ ?! a! U9 X3 U! j8 l
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; }
     
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     0 O# i, K# y* i
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     6 ~; w$ @6 }/ a4 C- K
117. /*多行信息列表*/
     ! [% ~6 {+ W+ j
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     3 A+ V6 s* a4 }
119.         .messagelist li { margin: 5px 0 10px 0;}
     9 t( W- a) `+ ?6 c
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     # G& M) \: w6 z8 @
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     $ o+ j; D3 D$ |% P/ ~1 }
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     
124. 
     
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     , p/ Y" t% g4 S0 [7 b3 z
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     
128.                         .messagelist dd a { color: #999; }
     
129. 
     
130. /*热门话题*/
     % z3 z' F8 C( D
131. #hottag { overflow: hidden;  }
     
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     7 A+ }' M7 C+ o/ G$ h
133.                 #hottag div { color: #999; overflow: hidden; }
     $ r* x& e( [' z; i% x
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     ; B' _5 ^4 w! S1 o4 T. A, y8 T: k! e
136. 
     % P/ ~+ {+ L1 [2 f; y& K" e
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     ! k4 s1 q( n0 P0 N% H' ]2 J
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     7 u$ ~' o- o' w; t! Z* ~
140.                 #userpanel input { width: 90px; }
     0 ^; `( n# J! S( Z7 y1 C4 d
141.                 #userpanel p { margin: 0.5em 0; }
     8 n+ A# }+ m0 `
142.                 #dologin { float: right; }
     
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     4 ^$ }$ U; H7 ~/ a. F
144.         /*登录后*/
     ' Q- P( A5 v' f) `7 @/ g# Y( ~5 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; }
     
147. 
     6 F$ H$ I1 n8 p4 z7 n: ]
148. /*空间之星*/
     # j% a# t8 Y  G; f( H( Q
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     , N6 S! U/ C$ {  M& G/ ^
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; }
     
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
     + v9 ~; `/ j- i+ E% C: P: _
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     ; M# N3 T+ z. Z
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     $ @9 n. n8 p4 _1 Z6 A( d% c- _
157.         #cityspace select { margin: 2px 0; }
     5 t) |2 j: F# X+ n0 {1 i6 k% ^- g
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     # S3 Z7 Y% L: [. S2 ~- {% M8 P0 c
160. 
     
161. /*空间排行*/
     & R" _# Q  Q1 m; o. C# c* g0 C
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; }
     $ c; v1 @: V& L0 G$ P8 @
163.         #hotspace li { height: 20px; overflow: hidden; }
     & \' d& {+ Q% g
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     
165. 
     
166. /*热门文章 */
     + n$ p# v  R( Y
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     0 C, L1 t  t( I" E
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; }
     $ \" s5 G: k0 m1 Z
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     ( v7 m3 N: n) k8 e- @8 W
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     . g! }2 D6 I. H( v" w# N
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. 
     
175. /*图片列表*/
     
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     : M* G) w0 {( v. T) I
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; }
     / T; ]' a+ a4 E$ ~/ F' Q# H
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     
182.                         .imgthumblist img { width: 100px; height: 100px; }
     
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     8 \7 e* U+ w' F: b1 x3 v
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     . N4 ?# T# g- i# S' s# r1 h+ n) X
185.                 .throughgallery .imgthumblist { margin: 0; }
     ' e6 M1 [0 a) {; p
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     + l7 n# d/ E% c
188. /*商品*/
     
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; }
     : c4 l8 L' K- j* ^- r
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; }
     8 @" ~$ H( ^; w  D  ]) V% W
194. 
     # {% R2 D3 d; Y, K1 h( Y3 y( R4 z
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; }
     
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     + x2 F, ]( N( J5 m0 d- ?; c
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     $ u6 u/ P" Q1 f  l8 k6 o8 {
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     ! W& |8 ~: m; e9 d, n6 I
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     4 F1 c" D! a* h, h
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     
203.        
     
204. 
     . M; Q/ g3 p4 D: V
205. /*栏目区块列表*/
     # O6 l. p* ~% V$ ?. `2 T# u
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; }
     / f. H3 n1 H/ B4 \3 T
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     $ U$ ?% e$ `. d/ \) \
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     $ o/ u6 V+ F! f! y/ P
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     1 ^2 H/ V, s: X+ u6 H, v
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. 
     0 r5 N3 N# l& B, z0 _
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     8 F9 i# c# e% g& d- {% Q9 Y. d8 G
218. /*#commendimage { height: 155px; }
     ) S! s8 c5 F; X9 E: Y. h
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     + m' _" L+ x3 C8 D) i
222. 
     0 l/ s$ ?; m) _$ e' _
223. 
     
224. 
     
225. 
       B7 U5 h9 `$ g' ~* e
226. /*信息列表*/
     . O2 T3 d+ O8 X9 F# P# z4 j
227. .articlelist li { padding-left: 60px; }
     2 [. }0 U& n1 i8 h8 W
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     " S; ?5 I9 t( _
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; }
     5 k) D1 Y( }. o  s  o. N7 I/ L
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; }
     : c9 u' C& G7 q0 b6 |
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; }
     
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     
237.                
       m/ n+ u7 b4 r4 L+ k6 i
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     0 Q* q1 F. H( ^. i9 j$ p
239.                         .articlelist li strong a { color: #999; }
     
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     1 ?% m# @$ z7 x
241.                         .articlelist li p a.more { float: none !important; }*/
     2 h1 P5 Y  T) ^! _# T: f" l
242. 
     
243. 
     
244. .catepic { text-align: center; }
     , }% k- A  Q6 F, F1 A+ i6 [- d6 g
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); }
     : r/ M$ l7 N# R% s
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
     $ P& b( Z7 A1 b4 O3 p- L
249. /*专题列表*/
     / i. X$ Z( }1 g/ M- ?/ q9 L/ m2 H
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     ' C8 I4 S% u* L2 ^
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     $ z5 |: y; E1 X: D' p# |9 f
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     5 d# J) n# o$ a6 `! P4 ~
254. 
     # f4 ]. i1 H/ B" ]$ z
255. 
     
256.         #xspace-rates { height: 2em; }
     
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     $ A. k' D9 B1 p2 [
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; }
     / Z6 m0 ^; L  a$ K* `) u$ u: \
259.                         #xspace-rates a:hover { border-color: #CCC; }
     * Y/ a$ T7 @( W
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; }
     6 g$ Y9 c: T. X
261. 
     
262. 
     
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     % Y" Z& R% S9 N) c$ T
264. 
     ( [; D/ e( S$ ^" `
265. 
     : ]0 P6 a6 d: n+ x" Y+ c' P* @$ Q
266. /*Pages*/
     - H- x5 t$ V* M, t$ M. H
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     5 E, P9 ^' S1 F* l& \6 W2 u% m
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     + w: c) Z6 y( y0 c* g
270.                 .pages a { text-decoration: none; }
     
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     0 v: v+ e% H5 e$ L5 t8 C6 r7 C& x
272. 
     % n7 M8 [* g" q4 R% c3 I3 H5 L
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; }
     
276.                 table.xspace-page a:hover { background: #86B9D6; }
     
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     ) G+ e/ X& z- a
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; }
     6 i! \5 D' T! r1 ]+ w
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     5 V% t0 F  z* U' a7 u' o' C
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; }
     . ?2 K# R4 D* \9 }( \5 t# }% M9 Z
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; }
     0 V# [0 ]2 \5 j, j2 Z) @9 }3 x
290.        
     
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     9 k5 X; R9 n+ }, {4 q* ~
294. .articlectrl { margin: 0.5em 0 1.5em; }
     
295. 
     7 C$ \* e$ k( n) d1 X! z
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     / W6 {+ h5 K- B: E
297.         #articlebody * { line-height: normal; }
     " X1 C: o  g' W; ?" S" u7 t
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     8 [% i  e" ]0 W: ^+ ]
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; }
     7 m2 U2 X. p. G, A% }  u: D
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     % O! s% z9 J) [( ?3 D) S  s
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     3 ]4 |. h6 K, \, [. v& Q0 ^
307.        
     
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     7 }. b" [4 Y6 @
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; }
     
311.                                 #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
     + c, H- M, N* y8 _
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; }
     
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; }
     
316. 
     . g( J1 R$ x( Z! _+ u- a7 a
317. /*发表评论*/
     % b, x! s" E! O
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; }
     
321.         #comment p { margin: 0.3em 0; }
     
322.         .seccodeline * { vertical-align: middle; }
     & J  c3 f- \/ F1 R, m
323.         #xspace-rates { height: 2em; }
     
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     6 p8 t9 P( D1 a3 T; u% U3 U
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 L; O9 `) N( E' T# |
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. 
     " Q3 @9 V2 a( p3 M1 J5 f$ e# X
329. /*AJAX div*/
     
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; }
     ; M3 M. U+ K0 d, {$ ?2 R; N: J+ ^, c
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   7 l, n, ~, n7 J8 I* D$ j
2. 
   & M: P& h0 g0 W$ ]9 c" u, f6 B5 _
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: S* G6 X1 S5 g' ^+ `" L9 \
5. 
   - \9 g' }/ z3 t( P  p8 v% h/ k

复制代码

% x  U+ u' Y) G8 n分析

1. margin属性说明：
   
2. 
   ; c( S! c$ g5 M+ d& k. Y- c' ], }
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   % }- k' p% A! d$ H  B
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   8 B! H1 F0 f5 Z+ V6 _
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    # P, E/ x6 V! e
11. 
    # t. u1 g4 v1 @# g: b
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    9 M; S# t; t) E
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   
2. a { color: #000; text-decoration: none; }
   
3.         a:hover { text-decoration: underline; color: #000098; }
   4 n& e' p8 n3 j' {
4.                 a:visited { color: #666;}
   
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
     }! m8 B# Z1 z. s: {  x
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   
7.         a img { border: none; }
   * w5 _- E/ t# O9 f) i- S
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   
9.         li cite a { color: #999; }
   
10.                 li cite a:visited { color: #999; }
    7 m' o* N% {& P  y
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    0 x7 ]4 c: Y5 P- m8 }
12. 
    / K& e" A' G0 \% y- A

复制代码

" L! m8 u9 s8 Z$ E) K3 U分析

: n, c; i& _' ^) u8 K

1. 
   
2. text-decoration:文本连接的属性,一般有以下几种参数:
   & T6 r% \" {# ?, T; q2 {
3. none : 　无装饰
   . K3 K! d( E, K$ o4 X
4. blink : 　闪烁
   
5. underline : 　下划线
   
6. line-through : 　贯穿线
   
7. overline : 　上划线
   4 ~9 s) C: |0 B  y/ H' J
8. 
   
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    8 z, h+ _# D( N! \# q$ Y
11. 
    
12. visited:对象在其链接地址已被访问过时的样式表属性。
    , @7 g8 s2 [+ c5 R( m
13. 
    
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    7 e. D$ }% a$ I* D; ^
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    6 s$ A1 B! }9 F0 R: [9 u
16. 上面这两行是与鼠标相关
    
17. 
    * ^! ?, ^1 M( i: G
18. a img { border: none; }图片连接相关
    
19. 
    ' E' m% O' H1 L7 n: Q
20. 
    , |4 m' ?  b0 B6 m. V
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    ! C5 Z+ b, v& K( e6 p3 @
23. 
    4 N% N# V0 s( d( y/ n7 b1 F# e
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
      D) T/ {5 Y) F# ^
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    
27. oblique : 倾斜的字体
    5 [: f0 P# p3 T' J
28. 
    
29. 
    * w( I) C5 Q, v  V7 t5 T
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    9 q9 A* s+ x* c
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    # L- a. J; m, n2 ?3 T* I
33. right : 　对象浮在右边
    $ D6 B% P  U5 Z3 b5 T2 T& n$ \
34. 
    
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    : R8 d1 p, |7 P$ _
38. 
    
39. background: transparent 这个的意思就是背景透明...
    
40. 
    
41. 
    
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    3 s  _6 R  G: ?8 Y" X
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    " H# A- `; f; T! j  Y
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    3 |, Q7 g$ W. A" X. i
46. bolder : IE5+　特粗体
    * }1 p: J" O3 y! c! |& I1 n
47. lighter : IE5+　细体
    
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    ' ~; I. n: C; z
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    8 K8 W4 |1 u' g0 ?
51. 语法：(每一竖隔开为一个状态)
    9 t8 I* S1 S! T! l: A- }
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)
    0 |9 y" {3 h7 O" L4 k! n
53. 
    # ^6 c: C6 ]0 ]# Z4 i1 |' M
54. 
    
55. 
    4 c9 }3 i4 }- W& T8 I
56. 
    
57. 
    % h- R' Y$ d% ~- ?1 ~) k0 H
58. 
    
59. 
    : e5 g$ R5 Z; {7 C+ K. l+ M

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   5 G% I5 Y9 F5 g3 F, J. o+ B* X
2. 
   ' k8 C* L# m4 Z3 m7 B( [% ~7 y& l
3. form { margin: 0; }
   
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   3 M/ m' ~2 ?0 s: k9 g9 }
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   ! d7 u4 p6 I3 c( n+ z! w" \: d: U8 G
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   4 x8 x8 I5 r% I. L: |) D9 ]4 B& y
7.         fieldset { border: 0; padding: 0; }
   ! q& q. y# d4 c: `7 @/ l
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   7 v) N& m+ A$ d% L

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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