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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   $ Y6 V/ W9 f2 S6 Q8 v: E
2. #newsblock { margin-top: 4px; }
   4 e4 M# d5 D' M
3. /*-----------------------------------------------------------------------------------综合设置*/
   
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; }
   
7. 
   
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   - Y# w0 A7 K! l6 z
10.         a:hover { text-decoration: underline; color: #000098; }
    
11.                 a:visited { color: #666;}
    ( [7 L# Y- J  B. i  D
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    
13.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
    5 x& i1 P- C% [+ \
14.         a img { border: none; }
    6 L. V7 R3 a& v; c4 Y# _# I8 `
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    + \5 {6 C! Q2 d  ?" o0 i4 F
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; }
    1 S- u- V5 E; ^7 M& e! G
19. 
    
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    2 d8 u. Y6 A) i) W4 p
21. 
    
22. form { margin: 0; }
    
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    . `1 x9 _, w6 Y0 R2 O
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    8 I! J# D: P% J: Q8 ]2 H
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    " a) }. ?/ q6 N+ P8 ?/ M. g
26.         fieldset { border: 0; padding: 0; }
    
27.                 legend { display: none; }
    
28.         label { cursor: pointer; margin-right: 0.5em; }
    3 X# c8 V4 V0 L% |& C
29. 
    
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; }
    3 d* S9 _+ e( e: H$ x1 y
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; }
    
35.                         #topmenu a { color: #154BA0; }
    2 z" z( Y/ J, L
36. 
    1 j9 N3 r. D" P# i/ Z( F, D
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; }
    
39.         .banner468 { float: right; }
    # Z+ i# e$ l$ e: Z/ b! n
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; }
    
45.         /*首页导航*/
    " }. l- V$ T$ a$ R
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    5 m7 B1 B: N  `, `2 W
48.                         #menu dt a { color: #000098 !important; }
    9 P# f8 t0 C0 e' k/ }
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    # {  c/ c: A, ^/ b/ M0 R
50. 
    
51. /*您的位置导航*/
    ( N, i$ p/ @5 b, Y
52. #navigation { padding: 1.2em 0; }
    ' A# i. |. d' c# h
53.         #navigation p { margin: 0;}
    / R9 D) U/ g( v2 r, a
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    $ ?+ S" ?9 _% ]/ b3 i+ A# T
58. 
    4 O) B( z' F; \6 v4 z3 i3 A  R( e  n! R
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    * f1 O* d/ _# G: u2 d- D2 X; f2 ?) |& M
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    - P6 U( o' \- x3 h$ }+ D
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    
64. 
    
65. .content { /*三列布局*/
    4 u( i* K7 |9 z  V: \1 B" R1 E! B3 p
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    
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 { /*两列布局，侧边在右侧*/
    : y  b+ A* c6 D% r. X2 J
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    + C) b& [; T( {1 ^' q7 u) C% h/ t2 l
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
74. /*侧边样式*/
    
75. .sideL { width: 296px; float: left; overflow: hidden; }
    % G4 Y' B2 I! M2 U2 q9 w
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    " ?! W1 J3 z6 d) d- N/ e
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    0 x, C: R- m8 @
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    
84. /*版块标题*/
    + y. ?' p7 S, ]  n- K4 Q
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    " Q! C3 I8 N8 O% X+ z7 f
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; }
    7 W3 z4 |7 g# @' F3 X* _% Y8 M
88. 
    
89. /*头条信息*/
    0 ]3 N, V& w+ _/ x4 U* F
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    
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; }
    
94. 
    
95. /*侧边版块*/
    6 E, q. h5 z& @; G6 r" [3 z
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    $ s0 j' k+ I# X  A  O* N
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    # g3 r4 P% r; Y
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    : N2 P+ ?! _# u2 ]
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
       t6 m; B! K* ]. I
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; }
     9 @% T: Q( m7 R6 v
103. 
     - T2 X  w/ z. a* g
104.         /*侧边多行列表*/
     
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     4 G4 @. \7 h; q! K
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. 
     
111. /*单行信息列表*/
     
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     
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; }
     : |+ B4 g+ k' F+ q* n( o: }' N/ t
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     1 D0 o0 Q! I" Y* z& K" ?0 t1 `
116. 
     : I9 ~, A: k0 i% i6 O4 i
117. /*多行信息列表*/
     2 U7 I5 n1 m% M0 z9 }( _/ y$ W
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     . R$ p4 w% @) r! j
119.         .messagelist li { margin: 5px 0 10px 0;}
     3 M- D! K: I! S  _& a6 B
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; }
     $ ^- s' v, i; J* E& T
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     * p4 I% s5 ?* 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; }
     + t6 J6 w0 t5 V! Z/ @
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     
128.                         .messagelist dd a { color: #999; }
     ( e/ ?8 N! P$ M
129. 
     
130. /*热门话题*/
     - s7 ]: l; n+ K! G, E7 y
131. #hottag { overflow: hidden;  }
     8 Q) C& c6 n3 G. P
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     . W- q8 D4 u. C9 u( ~. U$ \/ U
133.                 #hottag div { color: #999; overflow: hidden; }
     
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     8 V8 x' m0 V$ Q
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     
140.                 #userpanel input { width: 90px; }
     6 S" a  K; N* a! U( F
141.                 #userpanel p { margin: 0.5em 0; }
     
142.                 #dologin { float: right; }
     % ?) [& V! r4 X* M# P9 j. k+ L+ q
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     , m! F) x/ A- Z- J
144.         /*登录后*/
     
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. 
     ! Q* d& U6 n. _; \6 i) b
148. /*空间之星*/
     $ q) G+ T3 ]- t) i- Z
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     & M1 ?! D# M( V- p' q0 S
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. 
     : B% X$ E3 d8 m
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     3 D! D- ?. V9 q
157.         #cityspace select { margin: 2px 0; }
     
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     , I3 z9 M3 r$ e
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     
160. 
     - \2 y& a8 Y# c* r1 C- K$ r) G
161. /*空间排行*/
     9 v. g6 H2 V: p( |' k- M) t
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; }
     5 `0 L  H- f) v, d& \9 W
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     2 v- S# {1 g7 r2 t1 y. G- y
165. 
     ' i# [% V7 s. o! f- x
166. /*热门文章 */
     3 m9 n- J: C/ G0 f  p
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     3 H& u& X8 Q. @) v. _4 L" `2 a
168.         #hotarticle h3 { font-size: 1.2em; margin: 0; line-height: 22px; border-bottom: 1px solid #86B9D6; }
     # S" d1 K( j6 E$ F3 X) o
169.         #hotarticletabs { position: absolute; margin: 0; line-height: 18px; top: 7px!important; top: 8px; right: 10px; }
     ' q. l# H) W) G: ~( ]
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     ) Y# @4 I4 l) ^$ r! ^- R) Y6 x
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     ' |- _. s5 \* s4 K0 b$ m& [$ }' i
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; }
     % @" F& W) V4 I7 r& _3 N
174. 
     9 r: m7 @. E. V1 n- R' l
175. /*图片列表*/
     : ~  [9 k/ r7 G
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     # G' q0 l1 F$ w: s& t& X. u2 B% C0 j
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; }
     
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     0 a! D4 I: t: ?! f/ ~
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     5 N( r* R) x$ p3 h
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     1 L( w( h6 {- R: d" R
182.                         .imgthumblist img { width: 100px; height: 100px; }
     * k8 }. m; E2 |% N* A% o
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     / Z% M7 x) d. m3 `- Q2 t+ l& D5 z
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     % l3 ]5 J; v* e  a: a: i
185.                 .throughgallery .imgthumblist { margin: 0; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     + ?% \& Y* A  R+ D& a+ E
188. /*商品*/
     3 ]! k4 ~/ x; h; ^5 V: }
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; }
     8 }/ A# }1 n6 `/ M
192.                         .goodsthumblist li img { width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     1 O+ ?( |+ T- r3 E$ p. o
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; }
     ; k- L% d5 J: q2 t9 U1 X% O
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; }
     & H0 ?% U" D( R5 e
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     0 d5 j8 O1 F$ Z( o. {/ }
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     # G/ I+ C# Q/ i: L) f( N
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     $ m$ V+ w5 v% V5 J
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     * ?5 l. F/ z2 b
203.        
     
204. 
     
205. /*栏目区块列表*/
     
206. .category {  margin: 4px 0 10px 0; }
     # X" g/ [  N& Y6 a& k# p
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; }
     5 n! x( A. e- j
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; }
     7 n7 R. J# Z1 L
212.         .catecommend { background: #F0F9FF; margin: 0; line-height: 2em; height: 2em; overflow: hidden; padding: 0 1em; }*/
     0 G$ o# r# q- o# o2 J" n
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     
214. 
     
215. 
     ! \& j1 p8 K) c& I! Z
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     * V7 O: z  Q6 S! r" y+ Z! c) K8 I6 v
218. /*#commendimage { height: 155px; }
     ' X3 }1 S4 y: f' }) H* D! s
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     : g7 g( k3 ?8 N* P9 I, ?4 [
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     ! c4 d. N3 l, k, V" C
222. 
     
223. 
     
224. 
     
225. 
     
226. /*信息列表*/
     
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; }
     
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     & H: P* N7 @# p* U7 D- q
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; }
     ' S6 D, A! @( O7 P
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     
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; }
     % p- h$ Z) n% h: n
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     ' |8 r' s3 q6 N  Q  R! j8 J( k
237.                
     
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     
239.                         .articlelist li strong a { color: #999; }
     # M7 P7 w8 n5 ~. {
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     , p9 {2 O6 D4 d2 l, M
242. 
     # Y0 p. c3 s' u4 r" S( g. u; {
243. 
     
244. .catepic { text-align: center; }
     
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     6 f' W2 A8 b; w. F) S8 P* _
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. 
     
249. /*专题列表*/
     
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     . H4 u6 K$ t" X# g4 O
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     - V) L7 ^# L6 @
254. 
     * p& ]# v6 U/ r- _: s$ D
255. 
     2 d% g2 e' t1 Q$ G4 E" k0 p- c% b
256.         #xspace-rates { height: 2em; }
     + Q& n2 K. b. Q. i
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; }
     7 H' z9 O) Y$ ]% }: h6 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; }
     7 M# d1 w! x* T. _- I& U2 f
261. 
     
262. 
     9 ?9 S+ A4 ?3 c, t  H+ c8 O' C3 C& W, A. T
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     + K: k, q  ?, S. e4 W
264. 
     ) q6 }3 s: s4 m2 H
265. 
     
266. /*Pages*/
     ' t3 D4 f# U- @; l8 k' G# w! k
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     + n# }# m) {( J( _9 A
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; }
     4 }4 y' `0 _2 r9 ?& I2 ~$ ~  m
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     2 f6 Z! \$ r/ j. f  S+ ?
272. 
     , n$ u) t, ?3 i
273. /* 分页 */
     , \4 @2 k! Z2 C
274. .xspace-page { margin: 2px 2px 2px auto; }
     2 G" Q/ q4 l8 n8 s3 l) k1 ?3 ^$ ]: e: y
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; }
     % f7 \5 R# n  W' q
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. 
     . ?" F# i) x6 ]' O1 V, y6 `: _; q
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     & E" |1 w- f# o) \4 y+ ?% N2 p
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; }
     % y) g& P( E* g6 d( T
285.         #footer p { margin: 0.3em 0; color: #999; }
     
286.         #footer strong { color: #007AB6; }
       B; k! ^4 [/ g, e
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     1 h! m$ K+ w8 @$ o7 ^; {2 k9 K
288.        
     ; T/ `' F& {3 b& o5 F
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     
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;}
     - ~7 Z1 B( v2 h# @- z( J
294. .articlectrl { margin: 0.5em 0 1.5em; }
     8 J$ k* y6 V" B" s
295. 
     
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     
297.         #articlebody * { line-height: normal; }
     
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     % o/ ~( }7 F; Y2 ]3 m( q, @+ l8 ~  ?4 K
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     - g, D8 V. k' r4 E' c/ r2 ]
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; }
     % p0 H3 z4 Y: u; i4 ]: @
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     - ^, z3 K: G: \" [: Z
305.        
     $ s. ]) u& s" B! G0 N. B+ i" y: ~5 }+ [
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     / z' u4 R! |! l; H% z& K
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     
309.         #commentlist { overflow: hidden; border: 1px solid #86B9D6; margin: 4px 0 0; padding: 0 5px; }
     , a% N! m' C( Y" ~
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     $ }. |$ o7 L  w: z% l
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; }
     ( f$ V4 x7 h, e7 ]. E
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; }
     / @6 Y: o, @4 L; H9 r. L
316. 
     $ c- Y- ^9 Y: p& P# ^6 k7 p$ l
317. /*发表评论*/
     " \* @* R! T! h& j6 F$ t
318. #comment { margin-top: 4px; }
     
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     3 S! z$ U' H; W8 n& _
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     3 g, C9 l9 G6 S/ s8 p
321.         #comment p { margin: 0.3em 0; }
     # c9 `. E+ j. W: h1 l, |
322.         .seccodeline * { vertical-align: middle; }
     - G3 `7 N9 X  T& `0 G5 ]
323.         #xspace-rates { height: 2em; }
     2 J5 w5 P, u5 P! z! C* h( J
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     
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; }
     0 J( r, B! s, C
326.                         #xspace-rates a:hover { border-color: #CCC; }
     2 e, h0 K) Q- z" ]5 N& W. y9 l0 {4 x
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; }
     . W8 K* r  ~2 s$ b# w
328. 
     
329. /*AJAX div*/
     1 @) }& E3 L' S) V$ a/ i
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; }
     % M) ~( y& w6 M/ I0 f
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     ( _* |" Q' o+ n! M. h0 l  X
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     4 Z1 F5 f" q; [) h
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   $ F) v! n0 u5 e$ e! C6 ~8 @3 D2 _
2. 
   
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   ! i: Q5 A  Z5 \+ I: q
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
5. 
   * ~- v! _" n& g4 S' y

复制代码

1 o7 S+ Y& }+ U& s& [, ?分析

& n+ b& x% M. w

1. margin属性说明：
   
2. 
   
3. 检索或设置对象四边的外延边距。
   $ K; f# o. C: O7 W) Q4 W9 C9 y' n
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   ( F/ A1 }2 }  y! [. I
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   7 j7 X5 A2 ~- ^8 u' w8 M0 L% e0 J
10. 外延边距始终透明。
    
11. 
    
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    5 d8 J) o) {& S/ b7 D) E/ r/ i
15. 
    ! b5 H- [7 z( \: v
16. 
    ' A& o5 W6 }7 H9 ^# f: Y

复制代码

傲天♂浪子追风

1. /*链接样式*/
   % Y2 f! [3 ?9 O+ j3 g/ M, Z' T
2. a { color: #000; text-decoration: none; }
   + k/ U0 `4 `0 u7 k' }" y
3.         a:hover { text-decoration: underline; color: #000098; }
   1 m7 ]# S$ f% v. ~6 G
4.                 a:visited { color: #666;}
   8 V2 z& h' }4 J* q7 v
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; }
   4 g/ b7 X; L. k* N9 {" s0 @0 T( |
7.         a img { border: none; }
   
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; }
    & t5 c% f) H- l$ g! p
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    5 Z, f: h) _. s
12. 
    . B0 \9 e6 m% j+ G6 o! m6 K

复制代码

% ?: a' G+ d( ~3 C4 F: D
分析

1. 
   / ~' P, ?8 p0 |6 q) V; }  h
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   
4. blink : 　闪烁
   
5. underline : 　下划线
   
6. line-through : 　贯穿线
   ! K5 x! e5 k0 O) B* o' ^
7. overline : 　上划线
   9 X! f1 j) s( P
8. 
   9 `! q' ?5 {3 Q
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    
11. 
    9 a) q0 M0 K- D$ l  c+ p1 X
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    0 Z/ @3 x: B, J/ [! L
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    - u1 R3 U; G# ]! _8 i2 w) t+ K
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    
16. 上面这两行是与鼠标相关
    8 \# K3 z" k, R) V$ z- f6 }' B
17. 
    8 b) f3 h9 @$ `9 W1 B4 x- K5 c
18. a img { border: none; }图片连接相关
    
19. 
    # f$ s: A1 V8 j+ _2 j
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    & u. e: k9 r6 _' j  H7 y
22. 
    
23. 
    ; ?3 w1 U! J6 S9 \
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    8 y* j. o3 X! a
27. oblique : 倾斜的字体
    
28. 
    
29. 
    % [; }3 f% [- g' @9 u% a8 E" T
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    . j& Y* I& M6 d) m8 K4 z+ A
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    
33. right : 　对象浮在右边
    
34. 
    
35. 
    - `9 [7 W; @) F! G+ G* b
36. important:样式表条目,提升指定样式规则的应用优先权。
    ( h5 O- ~0 O( Z. B$ }1 c
37. 
    
38. 
    
39. background: transparent 这个的意思就是背景透明...
    7 d5 Q0 i7 `" e; R* n7 a( |- `1 {7 @
40. 
    
41. 
    0 a$ o; G' p2 A
42. 
    , V% T: C9 h* `1 g% `+ B$ n4 ]3 }
43. font-weight: normal :文本字体的粗细,常用参数如下:
    
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    5 W, `9 W$ c; P; o) {
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    
47. lighter : IE5+　细体
    
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    * J, s" {2 V5 O
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    
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)
    % c3 X: m+ B% b- w! S2 a4 s- j
53. 
    * G5 [% H1 a3 W: ?7 C
54. 
    
55. 
    ( f; _9 k+ A# {" K( f" |
56. 
    
57. 
    ) I& |! k4 v) L3 R2 S1 ^
58. 
    
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   , @0 Z3 ^5 }" y$ m! i2 e$ R9 _1 r
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;
   * E+ o, H3 O) B% _5 I. K
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   + x- C; z% A0 p8 h1 M. v
7.         fieldset { border: 0; padding: 0; }
   
8.                 legend { display: none; }
   / }9 o9 k4 d# \; h: r! }4 k: ?
9.         label { cursor: pointer; margin-right: 0.5em; }
   

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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