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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   * r4 R0 e$ h6 p. q
2. #newsblock { margin-top: 4px; }
   + g- ]4 L- R7 b9 j( i
3. /*-----------------------------------------------------------------------------------综合设置*/
   4 e' E3 M# S+ L/ m, Q# n% y  Z- ~) a
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; }
   / ?/ \- e* K! V* d' `" q" N
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; }
    
13.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
    2 ~9 W) |2 T9 e5 w2 h
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; }
    2 j+ ]0 l0 q7 t" O. J! e
17.                 li cite a:visited { color: #999; }
    : S! g7 @7 o  E* Q
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    $ w. V$ K+ @  [" s( {, C0 B
19. 
    ( b; D$ {  k6 P
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    5 [6 f6 W) l4 C, `
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;
    
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; }
    ! A: n3 F1 Z5 z% f! o9 O
28.         label { cursor: pointer; margin-right: 0.5em; }
    6 f2 g  S' ?' N/ e2 W& _  j
29. 
    - M; {* a5 S6 g1 {+ y
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    . _8 u& J+ l$ l9 |3 U7 A
31. /*顶部导航*/
    4 N. r" A" ~  f. Y' y) _+ }: s
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; }
    8 ^+ F6 [  Y6 W) F" U
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    8 Q" k3 v$ b/ {0 S* t) i
35.                         #topmenu a { color: #154BA0; }
    * r8 h* I3 j0 e8 h
36. 
    3 }1 q" G4 G6 w, Y
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    9 f' p$ N  b( [0 [2 [) g
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    
39.         .banner468 { float: right; }
    
40. 
    
41. /*主导航*/
    
42. #menu { border-top: 2px solid #86B9D6; border-bottom: 1px solid #86B9D6; line-height: 25px; background: url(../images/new/menu_bg.gif); width: 910px; overflow: hidden; }
    
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; }
    0 P6 U. I% n0 L1 _9 U
45.         /*首页导航*/
    
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    7 Z* x; t: Y5 T# K% V
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; }
    + T2 w* T& q$ ^6 b3 e8 p
50. 
    % ^5 {. A& V. n3 J' d
51. /*您的位置导航*/
    * k. j: }4 |- P2 l
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
      o6 t0 d* Q1 I; L
57.                 #searchform button { margin-left: 0.5em; }
    
58. 
    
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; }
      a8 q2 W; D" {& Z1 i
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    7 i: Y6 A5 d7 ?8 A0 U! R" j
64. 
    
65. .content { /*三列布局*/
    
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    - {1 P2 P+ B9 \: v* w/ ?- s' {
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    
68. .contentL { /*两列布局，侧边在左侧*/
    0 f+ I. L  h# w
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    5 U$ \# h7 I" J! K+ q5 D* C
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    , `9 w/ C9 m! O' I, U* r
71. .contentR { /*两列布局，侧边在右侧*/
    
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    3 ?; i2 ^; @; b9 {" q' a
74. /*侧边样式*/
    + P0 p' W) J3 f
75. .sideL { width: 296px; float: left; overflow: hidden; }
      l2 q+ u9 z, C
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    ( c5 w; a  Y2 _: A% ?  O9 ?
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
      x+ L' L: h$ g4 n
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    , F6 p+ E6 }5 _; J7 M( w# p4 a
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    2 g1 m2 b- t: E% [7 a
83. 
    
84. /*版块标题*/
    
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. 
    . ^' _( s4 ~& n/ M1 E$ {  q1 a4 _
89. /*头条信息*/
    2 M& G% v" O+ [) b- c8 z
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    + Q& Y! D) i. d) ~+ G  Q! M! f* E; @
91.         #headline strong { font-size: 1.2em; }
    8 ?4 W) {/ Y5 Y0 J. N
92.         #headline p { margin: 0.3em 0; }
    2 J0 t3 ^' \6 ?# k
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    0 M! M; k5 p( x( [. H2 H: w- R
94. 
    1 R' c* x8 f/ Q. M/ Z
95. /*侧边版块*/
    : v- [5 i$ ^' [4 ~
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    $ @8 Y9 s4 b/ Q7 h. s. j8 ]$ P8 ~
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; }
    ; B: Z5 A2 \; f( |. s* |
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     6 o. C, W4 t# J( W" f, N  C( ]
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; }
     0 y( M- t& G2 s8 A" M
103. 
     
104.         /*侧边多行列表*/
     7 f# S  E8 q1 i8 V; E7 n
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     1 b" W( ^# w+ g  V
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; }
       K" C4 B1 o+ d% ]7 Y0 _; N5 S
109.                         .sideblock dd a { color: #999; }
     
110. 
     2 U4 w' ]8 M) t% V' v
111. /*单行信息列表*/
     0 E3 w2 ^; p* L8 ^  {! {- D' U
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; }
     
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     + @, d" q/ }3 R: d
117. /*多行信息列表*/
     : B  g; x8 C& v/ l$ i4 I
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     3 x6 h2 }5 k& F
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     7 _' a0 n2 H7 G, l
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; }
     % c1 w$ _. P( d# b, E: y
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     1 A& g2 K7 a) L, L4 X; w
128.                         .messagelist dd a { color: #999; }
     $ `2 @2 b7 t# E5 s8 ~
129. 
     
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     5 W, }9 L# S; q
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     " P, v+ B+ \- V# l& {0 `
133.                 #hottag div { color: #999; overflow: hidden; }
     ; F/ O4 P- ^" g+ u
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     / l& S, e; U6 m! `* }: O& C) i% M* [
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     0 `2 J/ k8 n3 J) h+ v
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     : S5 h5 K7 H3 b/ I: r8 a- |
140.                 #userpanel input { width: 90px; }
     
141.                 #userpanel p { margin: 0.5em 0; }
     
142.                 #dologin { float: right; }
     3 C9 p" B& `* \( |# ~- i; T2 O
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     3 M  q3 O# 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; }
     9 Y$ k7 }: P5 ?# q4 |
146.                 #userpanel li a { color: #000098; }
     5 A- O. T2 N4 q6 Z- a: d, H
147. 
     
148. /*空间之星*/
     
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     9 A% W% o' t! e5 A
150.         #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
     $ d; j: z& F, {  k  U  m
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     ) R/ [( Z  |5 N
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     6 D6 k$ p4 P( o& F
153. 
     & H& b" M( }$ N0 ]+ ~! G/ k" Z9 u
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     
157.         #cityspace select { margin: 2px 0; }
     
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     
160. 
     
161. /*空间排行*/
     * Z3 S2 A, }" Y1 |4 P
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; }
     - y8 H: b! k  B4 C
163.         #hotspace li { height: 20px; overflow: hidden; }
     ( ?, x1 F/ [. T- j$ b
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     ( E) x1 t) w$ L# o
165. 
     
166. /*热门文章 */
     ) G2 E9 n, O/ O# y# ?
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     0 \" ]" f! c5 x. M
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; }
     
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     2 e6 L2 A% i$ d2 \* k' l8 C
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; }
     7 ~1 c- ~8 D. p' y- {+ A
174. 
     1 l4 T8 L$ p# H& x' g$ q
175. /*图片列表*/
     7 @( m) v2 Z8 q, b% J
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
       g- X$ c2 V8 U/ L2 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; }
     
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     ; H& o, x+ }- X! F$ G% h+ a
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     8 T2 z* q, R1 ~4 h! j6 t
182.                         .imgthumblist img { width: 100px; height: 100px; }
     + V6 u: a; N# Q! C8 Y
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; }
     + r- r; K( C( ]# N* }' Y0 ?0 t9 y6 @
185.                 .throughgallery .imgthumblist { margin: 0; }
     " D- l- O* \+ g3 C" S7 S
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     + j; S! p8 r. I; W
188. /*商品*/
     1 L  [. I0 {5 ~% ~! t) o
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     - W  i' C; }8 @, J, K
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     ) L3 M/ j+ l6 ?% Q9 I6 W: v
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; }
     1 k3 G) f+ o, j. i+ E6 ]  ~
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; }
     ; N( p1 V' O! M+ ~: N# U- b, B- Q
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; }
     
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     " h) Y, x1 c6 Q' [. w
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     % F3 W! G8 C, [7 h: }
203.        
     
204. 
     1 I$ d7 @( O- w/ u
205. /*栏目区块列表*/
     5 l7 E7 j; O, s* [+ U; V
206. .category {  margin: 4px 0 10px 0; }
     3 j( l3 f! z# B: ?9 Q0 j
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     ' M3 W) Y; e, K# l
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     0 @" m% B1 d9 R: r* w6 e; {! d
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     / |' n, n* c/ A
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     0 _0 N1 [9 Q& v# @% e& j7 h
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. 
     1 `1 o& H1 X/ g8 z& r5 B' w# R" ], X6 a
216. /*-----------------------------------------------------------------------------------首页各版块*/
       E* j# \. q  e1 n
217. 
     
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     $ z3 r' p) F' N- b5 J' z; X' N0 G
220. #newgoods, #commendgoods { height: 200px; }
     
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     , t$ v  ~# \" ~3 Z
222. 
     6 g4 a6 U* y6 p! m
223. 
     8 [! T+ U0 m% y! f& V2 {
224. 
     
225. 
     / @3 h+ u. e# |8 t* _; S
226. /*信息列表*/
     ) d) g+ g( A  j  g' I0 o. Q$ R" _
227. .articlelist li { padding-left: 60px; }
     7 O. w8 d1 M9 D+ N# U+ E! ^: u
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     * b- |  {2 s2 V! b2 r; t, z
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     & l! e$ p0 b& X) G
230.        
     1 S# Y3 Z  _7 l1 ]* q
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     * l- O9 d- }' B- O8 H% V
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     $ U0 C2 M  e/ V3 H
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     , g! x  Q& _$ o0 E$ u6 j& K2 b4 T
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
     ' a) I0 {. i, @& W  F
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; }
     4 [& R4 {- t1 m1 Q
237.                
     / ]: x5 z8 f. h* Y9 M2 X
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     1 M4 X/ v+ M& z* x6 T, `
239.                         .articlelist li strong a { color: #999; }
     
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     ' h  T, V( i( M/ t" g$ B
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     
243. 
     
244. .catepic { text-align: center; }
       ^% d7 Y- J' L  R' M( c% a; D
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     * l! u5 v" L$ {- u& S2 G' {% N
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; }
     + q: G, c& D3 x% V2 u6 ^6 Y# O
248. 
     2 j+ C1 O8 c4 Y6 L
249. /*专题列表*/
     
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     - y" D7 z: r4 Y6 a. z
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     $ G7 T* l8 s, y: t6 ]8 a
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     1 y' P6 \! f' T1 [1 i  m4 c* z7 L
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     ! N6 b9 F+ T7 A8 y' J1 S/ r+ o' V) K
254. 
     1 }; Z1 M  N3 B& M4 A
255. 
     : G$ Y5 A8 F8 f
256.         #xspace-rates { height: 2em; }
     , u/ S. x8 X( E" K- K' c
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     
258.                 #xspace-rates a { float: left; border: 1px solid #EEE; text-decoration: none; width: 20px; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; }
     
259.                         #xspace-rates a:hover { border-color: #CCC; }
     
260.                         .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }
     
261. 
     
262. 
     " Z$ `& \0 k: m* y: f
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     - F0 ?5 Q# K& t2 ]6 p  W7 f) k- H
264. 
     ; p) c* q. T* A
265. 
     $ X# [0 U1 x" J% C2 ?/ s* g8 q" u
266. /*Pages*/
     7 i2 t6 ?/ p0 H! {2 b" S$ ~' x2 u
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     9 z+ F: k+ ?8 r+ Y) t
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     , ]$ Q; s' I' m( Y9 p
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     * E7 i3 E# |) }
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     , i  U) J# {# s
272. 
     : a" }" _1 w' D2 j) x* y- ?
273. /* 分页 */
     8 {* L/ ~+ U) I- T, ~. v
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; }
     5 n- o3 D" I! z' A# D9 C9 J1 z6 r
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. 
     0 U) B8 m9 d% B* R
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
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; }
     0 p" _6 t: Y# U( `" \) V
285.         #footer p { margin: 0.3em 0; color: #999; }
     : W: Q1 H! L5 K: ^' k1 q: l
286.         #footer strong { color: #007AB6; }
     
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     5 n( ^- R& N0 h# R) t- M& M8 N
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     1 A! W. V4 G# r/ {
290.        
     
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     # i! s( i) R+ B  |5 M- p
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     
294. .articlectrl { margin: 0.5em 0 1.5em; }
     
295. 
     ) R$ ^3 v4 T7 E, m% a
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     - E. }3 u- W& Q6 M  N9 _  B' @. |* Z
297.         #articlebody * { line-height: normal; }
     7 G# M) X; F6 O
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     " s4 }4 m2 N/ m  T3 a
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     9 i, S+ v- V1 W; S/ }
300.        
     8 Y* E1 }; u- e
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; }
     ( C' E. t1 ?7 y
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     - B; s3 D8 o, T: H
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     $ D# W! U! C5 a. Q6 s
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; }
     ; M" J+ ^( \" ]% B) u0 R4 {4 k
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; }
     ' s7 |! e( X" G6 E  a0 {
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; }
     + B! k) L6 B, q* k! ~2 u0 I* P* f
316. 
     # l  a$ E1 Q, Q) e! _! K, j
317. /*发表评论*/
     ; |- w2 c) n) v8 i+ H" E
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; }
     $ q0 G( }: H  ]' [8 J2 }% b8 m
321.         #comment p { margin: 0.3em 0; }
     
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     ; x5 v- c# H2 q  j) F
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; }
     2 y" q' n: P- w6 |3 o5 L
326.                         #xspace-rates a:hover { border-color: #CCC; }
     * A4 g& Q' Z4 K+ w( ?% G5 w; T
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*/
     
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     # y. F' `- C5 v+ R( E
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     
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. /*-----------------------------------------------------------------------------------综合设置*/
   # w6 Z9 \3 J$ B+ w8 `
2. 
   9 n4 V1 I) z/ U2 x# b
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   ) e& m. A# J& {
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
5. 
   

复制代码

2 z& `; c2 h+ @  M% O- O5 _# a分析
" K( j" n; Y4 u4 q% g
( Y- B9 F9 l* Z" U% ~0 c) m

1. margin属性说明：
   
2. 
   
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   3 S5 w# _5 g5 Q0 C
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   9 ]# z1 |+ t. |: I( W/ U- g
10. 外延边距始终透明。
    
11. 
    4 Q0 J1 O; _: v2 G
12. color : 　指定颜色
    1 C: }/ r  }! J! |# v; T
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    1 A8 U* L- d% l! B6 s
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    ) Z0 n8 H3 q( U( p7 S1 q: S
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   . o! e* ~& c' w* u
2. a { color: #000; text-decoration: none; }
   " z; d7 G1 i1 H& ]1 m2 [4 K; R  j2 b
3.         a:hover { text-decoration: underline; color: #000098; }
   ; x; a. O% G$ u0 j
4.                 a:visited { color: #666;}
   
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; }
     t. O5 f/ q9 f5 j
7.         a img { border: none; }
   1 u* v% e, ]* {
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   5 S: r" I! e) ~3 \
9.         li cite a { color: #999; }
   3 q' Q# k( [9 f) R3 U- D6 k
10.                 li cite a:visited { color: #999; }
    4 _5 v6 }7 R+ D3 }
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    7 R, t/ t. F4 m) V4 T
12. 
    # G5 V) y- \- [: X  }. K2 q2 i

复制代码

分析

1. 
   % Q7 K2 j9 H; Y; a! s1 a
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   
4. blink : 　闪烁
   
5. underline : 　下划线
   
6. line-through : 　贯穿线
   
7. overline : 　上划线
   ; K1 T6 w7 b  F2 u6 O2 w
8. 
   ' s$ i& A5 d8 Q) [9 B( ]
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    
11. 
    
12. visited:对象在其链接地址已被访问过时的样式表属性。
    ) {) _& ~, i1 ^6 {& \  n
13. 
      P7 D8 G% T  R- _
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    
16. 上面这两行是与鼠标相关
    
17. 
    
18. a img { border: none; }图片连接相关
    3 `& H6 H2 T3 u8 |! V! z( T" e1 e- L
19. 
    
20. 
    - \$ H1 I! l* S8 F1 P
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    5 @- Z- U6 n4 C1 o2 S7 w7 ^
22. 
    
23. 
    8 j: x1 i+ d3 r: r% w
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    
27. oblique : 倾斜的字体
    ) Q% @" U' d( d3 D7 {# C2 L) k
28. 
    $ S' N7 c! o8 T& }
29. 
      a+ A) b! A; _/ z: Y
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    0 f/ M& O0 \- Q& z/ A
33. right : 　对象浮在右边
    / f0 ]0 B4 O8 Q- w2 e
34. 
    4 L( l7 T5 k" D* q" L
35. 
    $ Q: U2 i  D: p
36. important:样式表条目,提升指定样式规则的应用优先权。
    4 t" O  Q  U6 m4 c5 H
37. 
      Z/ F# M+ u. G
38. 
    
39. background: transparent 这个的意思就是背景透明...
    8 F5 h6 O, A5 b6 v! ]  o
40. 
    
41. 
    . i' d' l( ]: s3 R* n" z$ M
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    + J+ ]  z) W% [1 Q- ~' t
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    & e4 h5 g9 k" I. ]" \  y
46. bolder : IE5+　特粗体
    ! H9 [' A/ v# |) N, K
47. lighter : IE5+　细体
    : Z* o6 s4 {2 H7 {
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    % C6 C# n0 J- U% e, r/ K- b3 x' o1 Y2 i
51. 语法：(每一竖隔开为一个状态)
    , [  W, E! w% z8 ~% I
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)
    
53. 
    , {+ F! h- Y) `7 Q$ x# s) w+ Z0 K: ]$ O
54. 
    
55. 
    
56. 
    ) y  w! \) A" c% I
57. 
    
58. 
    
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   & b' @5 ?! R# I, R$ z8 F& |$ n
2. 
   
3. form { margin: 0; }
   ! l3 ^6 a2 a8 u- v% z7 s9 [4 X
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   3 G8 {, s+ D# Q7 |. Y
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; }
   
8.                 legend { display: none; }
   0 K$ `9 |0 m$ ~' A
9.         label { cursor: pointer; margin-right: 0.5em; }
   , [3 N, k2 f+ |

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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