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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   
2. #newsblock { margin-top: 4px; }
   4 Q! X8 [# Z1 Q% W
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; }
   % t- _" c, P( {+ J2 L/ g9 D$ U* s( x
7. 
   
8. /*链接样式*/
   8 g1 ?: q; w/ R. P
9. a { color: #000; text-decoration: none; }
   
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; }
    , B  T5 G4 \, M1 I: A. E
14.         a img { border: none; }
    
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    3 W; Y$ T% @& y, u
16.         li cite a { color: #999; }
    " i1 z( Y0 u  ]7 v9 U
17.                 li cite a:visited { color: #999; }
    ' L, ]' Q1 _% Q3 @
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
19. 
    
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    ' f9 g, s: X4 I9 A8 t. ?, F
21. 
    
22. form { margin: 0; }
    3 H" S( |9 Y7 s' i. C0 x  C
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;
    ' F. R9 _9 I4 z) F
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; }
    
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
    8 m/ E% ~8 t: G6 d- k
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    
31. /*顶部导航*/
    
32. #topmenu { background: #9FC8DF url(../images/new/title_bg.gif) repeat-x 0 -3px; border-bottom: 4px solid #F5FBFF; border-top: none; text-align: right; line-height: 2em; }
    
33.         #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #86B9D6; }
    
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
      M, n5 `, ]# |+ y3 P
35.                         #topmenu a { color: #154BA0; }
    
36. 
    3 a: G6 e2 _6 I. J) D, I
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; }
    % v. ^. F$ W' G# x# e' v
39.         .banner468 { float: right; }
    
40. 
    4 @; X1 J8 |; G4 l+ c2 I: U
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 g: R! J0 L4 E8 t8 J. v  U
45.         /*首页导航*/
    
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    8 I- U& Y: t/ h, M, r8 ~
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; }
    % P" V; S8 T) r7 D
50. 
    
51. /*您的位置导航*/
    7 Q3 ?. J2 O/ @4 U2 ^
52. #navigation { padding: 1.2em 0; }
    + `' a; D- Z8 L/ |- }  ~2 r; ^' h
53.         #navigation p { margin: 0;}
    
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    
55.         #searchform { float: right; }
    : {3 O3 C' H/ ?# \1 z* k; E
56.                 #searchform * { vertical-align: top; }
    6 W5 R, x* w" f/ J; l
57.                 #searchform button { margin-left: 0.5em; }
    
58. 
      D6 O! U1 K  h# i5 ?& Y
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; }
    ! M& k0 {6 ?$ A) L
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    6 _5 f9 l& F/ t8 S
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    5 p6 ^# }1 y* |* V7 @8 [
64. 
    
65. .content { /*三列布局*/
    , g; e* V+ P1 M
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    4 @8 z) W5 r% \2 H9 d8 J
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    
68. .contentL { /*两列布局，侧边在左侧*/
    & a+ L( R- ^  m8 x
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. /*侧边样式*/
    5 t  _. d7 B) r2 y7 x
75. .sideL { width: 296px; float: left; overflow: hidden; }
    ( W6 i2 `  @$ Y4 d
76. .sideR { width: 202px; float: right; overflow: hidden; }
    3 b  @5 h* t# o/ J
77. /*中间部分样式*/
    8 k( }% {; A2 O4 b% R
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    9 ]: e$ Z& I7 I6 R& x. T
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    1 R- G, t2 Q0 S$ J+ V" M
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    9 |5 n9 ~; D1 X' t# Z# ^
81. 
    % `* b; |3 Y$ J3 o1 }; H+ N
82. /*-----------------------------------------------------------------------------------版块样式*/
    ) A8 [* m0 O7 r( A
83. 
    0 H  {( d) @& G4 Q8 R
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; }
    ( V, N1 X" `$ K# {# @% t. x' \
87.         .blocktitle .more { margin-right: 5px; }
    3 V* `* j) l, g
88. 
    
89. /*头条信息*/
    
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    ) U- k1 V  m7 Q5 u) d# t" b# @' c
91.         #headline strong { font-size: 1.2em; }
    
92.         #headline p { margin: 0.3em 0; }
    ' j( s% B% D3 Z* }4 z+ a7 U7 t+ o
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    
94. 
    ! R1 e$ e* Q8 i5 Z! {; g
95. /*侧边版块*/
    + y: k+ }0 V' b0 k
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    + a7 l% z3 v' D% w: b
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    4 p" V" ^3 f) y0 V5 G: y
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    4 W3 ~- D% k' _8 Z% u
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     ( a" K% w( N: Z
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     , i# p. d& i4 f$ G
103. 
     
104.         /*侧边多行列表*/
     
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     6 A6 S4 t9 o% K2 s+ Y* m. j
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     
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. 
       t( ^2 b% r; m+ k
111. /*单行信息列表*/
     & c" ]$ A4 \, P' N# w! d# N" o
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
       \& p0 C, X1 n. M
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; }
     : G! e9 m# Z4 Q. g2 U$ x
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     
117. /*多行信息列表*/
     0 Y- Y0 s, r2 _! t" ^
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     8 ^5 V4 F% l+ o  ?- }1 Z
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     1 e- _& `; w4 A5 j; P
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     ( ~9 H/ h, @  e. P8 B
123.                 .messagelist li p { margin: 0; }
     ' @2 p: G: Q5 _, K
124. 
     2 O! P7 P2 j$ |/ i  ~  {/ F
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; }
     
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     8 A( N$ W% Z) L- }4 V
128.                         .messagelist dd a { color: #999; }
     
129. 
     0 b- `+ W0 k& z
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     4 d5 i  l6 U+ @: Y
133.                 #hottag div { color: #999; overflow: hidden; }
     4 Q. a7 q# n; p2 x
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     ! e) I' H3 C5 D0 U+ z8 T
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     
140.                 #userpanel input { width: 90px; }
     
141.                 #userpanel p { margin: 0.5em 0; }
     8 T, [$ f2 a3 s* W7 b+ M6 e1 U
142.                 #dologin { float: right; }
     - H& q0 s. ~3 ?3 K; }
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     , c: O6 C% T/ T" r8 `
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; }
     $ x. }( S4 S0 n, t( X
146.                 #userpanel li a { color: #000098; }
     
147. 
     % C' {. S6 f! @8 m" v
148. /*空间之星*/
     
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     
150.         #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
     ) |; k+ O# H7 e
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     . F4 F2 F0 C3 k  Z5 b: r
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     5 U4 S: G7 v+ ~4 X* c4 W) U! l4 J( m
153. 
     
154. /*同城空间*/
     ! P% ~. `, `6 t, J5 }1 _6 J
155. #cityspace { background: #F0F9FF; }
     7 ^7 F1 @% {0 `& w) S8 P& g
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     
157.         #cityspace select { margin: 2px 0; }
     % p3 x  i( c  i- R7 E& z
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     & S2 u0 a7 m5 ~8 b$ U0 T, v& C4 X
160. 
     , t/ X4 p. Y  Y2 n
161. /*空间排行*/
     ; k3 k$ b) [1 v
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; }
     
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     8 V" H$ p5 J8 f9 D! U# d% E
165. 
     ) I5 n5 x" c9 R& J' @' n; m) a
166. /*热门文章 */
     : M& G- P/ `- B- L8 J6 O/ V
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     ! ?1 E/ M; |7 K/ w% n! r
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; }
     ( C5 c  h) b: i6 d4 }
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     , `5 d9 ?0 ^# _/ ~
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     9 h' x8 f0 M. L8 R
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     
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; }
     ' z& X4 n+ d( B; e  S
174. 
     + `" q% s7 n/ Z! D" ~1 `
175. /*图片列表*/
     
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     5 x2 z" Y3 }0 P7 _6 N% c& Y* r& u
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; }
     + d; [2 T4 Q- T5 h: r1 w: E
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     - K$ P+ S$ _: E& O& w
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; }
     9 M6 U3 M( w8 A1 T7 y9 S
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     ! J4 q+ q5 q9 m1 F8 i0 F3 \8 Z) Q: |
185.                 .throughgallery .imgthumblist { margin: 0; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     6 g1 ^3 i/ a0 ^) l  i4 ?% }
187. 
     
188. /*商品*/
     $ Z0 u# G( a" \; b) s, ?
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     7 g4 `1 C3 S' o) z& {' P/ W
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; }
     : C4 R6 Y/ D! [  g$ \6 {0 C
193.                         .goodsthumblist li p { margin: -3px 0 0 !important; margin: 0; height: 1.5em; line-height 1.5em; overflow: hidden; }
     
194. 
     
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     
196.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     0 p8 y+ l& t3 d+ U% H! }" c
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     # j+ g9 s. T7 W( ]: p) L
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     : Y+ r4 l" ^  D, t, Y) x! P5 H
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     / \, S. t! f! Y" E
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     9 H" S, I& ]; A' ]. G. p3 Q% ~
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     3 d/ r' Q; A. b$ U( t: d) Z
203.        
     * {8 ^2 ]  d" P
204. 
     + i. @$ g: @$ j0 p
205. /*栏目区块列表*/
     0 f$ Y4 ?: K, D  N) I
206. .category {  margin: 4px 0 10px 0; }
     ) ^: c1 h5 V& G! K! Y. j
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     7 ^+ r1 \+ `: g  s: z. b+ ^5 c
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
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; }
     0 `& H: m% R0 E! |# c
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     8 I, Z, K' D7 w) ]
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. 
     / {$ y  O* a4 s& ^' I
216. /*-----------------------------------------------------------------------------------首页各版块*/
     ! [! I! X& I/ i8 g3 M
217. 
     
218. /*#commendimage { height: 155px; }
     ) T, e$ T. R. R; D# j
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     
222. 
     
223. 
     
224. 
       `7 u! W8 l3 m+ ~% t
225. 
     
226. /*信息列表*/
     ; O- r& [% g6 M" {; p  V
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; }
     
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; }
     
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     2 T0 R( e6 W  Y4 \- i1 u; S6 A( U9 D; f
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; }
     , b  k' |4 B5 B$ n  K( c
237.                
     7 _3 j  j+ ?0 n- d
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     # ]2 E9 g3 e5 x: w
239.                         .articlelist li strong a { color: #999; }
     
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     * q, F+ P; X  z  K+ Z: v8 t& R
242. 
     $ W. x7 C+ _4 D5 p
243. 
     
244. .catepic { text-align: center; }
     ( [/ a6 ]0 ?1 q7 _# v8 b* ?5 i
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     " ~+ N8 ^! k' Y# K6 d/ e2 G( T1 {
246.                 max-width: 150px; max-height: 150px; width: expression(this.width > 150 ? 150: true); height: expression(this.height > 150 ? 150: true); }
     # \! ]* Y0 j4 y5 r: m. L
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
     " w* `' @( x* T9 A$ b/ d8 W% N1 `
249. /*专题列表*/
     : y& I. o. L, J
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     ; i8 }1 d* f3 k) M! I) c" t" ^
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     . _' S0 I& W) d" {3 k  G
254. 
     ) s+ r7 T0 k( d- u
255. 
     $ |  V5 C( K: Y, I" }9 ^
256.         #xspace-rates { height: 2em; }
     - r$ I  U0 i9 k, ]- `
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     ' j" ^. q/ R4 ~' d) x
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; }
     ) ~- p: z* m) ?$ V- |. x9 Q9 ?
261. 
     
262. 
     3 e& Z* n- p- ]4 S
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     
264. 
     
265. 
     
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     1 Y; A. Y* n( b; @3 h/ b! e9 ~1 J$ @
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     ! I& S2 p6 C/ P3 z- n+ C8 B# Q
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     - g% A( T- q. K, n
272. 
     
273. /* 分页 */
     
274. .xspace-page { margin: 2px 2px 2px auto; }
     6 \; H/ E1 ^+ q6 q0 H) e
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; }
     ) q5 G! C4 B0 a
278.         table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }
     
279. 
     7 |2 u' z7 F0 P; x5 M
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     3 r' ^2 K- R# B; Y: H" G# `, o
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
282. 
     
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     
284. #footer { clear: both; border-top: 2px solid #86B9D6; padding-top: 1em; padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; }
     
285.         #footer p { margin: 0.3em 0; color: #999; }
     / y- w: M; j! Y; h# Z
286.         #footer strong { color: #007AB6; }
     $ ?* F  J; S- g. \
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     % K! h, ]  n9 N
290.        
     
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     6 o0 r1 z) J& z* [6 A/ d7 L8 y& x
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     4 N/ q9 J8 q  g2 T
294. .articlectrl { margin: 0.5em 0 1.5em; }
     
295. 
     # [1 t; n# Y( U6 H% P* T2 P& I
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; }
     ! ?1 U1 c* y8 X/ s6 n, v% C* Q
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     : [, u* {" _2 Z# {. B+ {7 `
300.        
     8 ^% e$ p) g4 ^4 N4 L, Q$ s
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     & K9 k, s$ T6 _( w' x: j, u
302.                 #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
     
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
       S3 C# |' Y: z
305.        
     % U* r+ R" r7 Y
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     * Q4 r5 y6 B+ t% E( _# Y
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     & l9 g7 j$ p$ r5 P
309.         #commentlist { overflow: hidden; border: 1px solid #86B9D6; margin: 4px 0 0; padding: 0 5px; }
     . z' d$ O% a" t% L6 T3 i
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     $ h4 i! t' R# I/ u" `4 c: ^
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; }
     
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     : D' l% C% ?8 b9 ]6 U
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     
316. 
     
317. /*发表评论*/
     + O0 \# x/ ~4 Q! U" z% N
318. #comment { margin-top: 4px; }
     
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     8 J' N, X4 g& ^
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     . O( _: S/ d) ~! U. w4 B5 Q
321.         #comment p { margin: 0.3em 0; }
     2 w1 h# ]& e! r
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     ; j) H9 e6 h% }1 ]/ a
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; }
     : W  |2 [  a. K  u* ], C4 ]
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; }
     " y$ |+ a1 `7 v! [# T5 g
328. 
     $ M2 \: K1 }* h' W
329. /*AJAX div*/
     
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     # a$ i5 T$ f& E$ l  a6 e: \
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     7 `  D+ Z6 c# d* V! Q: `$ v$ ~
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     + e, W5 |4 ~. [* Z! `8 p; N7 u
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   7 \1 I' M# D4 u; r5 }
2. 
   * B( o8 [5 o8 T8 p. L
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; }
   
5. 
   & V7 k. I, H# z9 I6 A, p

复制代码

# I5 w! g  z9 k; Q1 O! h; j
) m; C, X- r8 f* X( z分析
/ o; ~* m! Q# G. S  p$ {

1. margin属性说明：
   
2. 
   
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   5 n; M" X. |; V- B
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   ) ~7 |% {4 m* c, G1 j
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   6 H, i* e: K- X2 R( t  C4 f
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   4 l% d* z& \3 u0 {/ c7 {8 t8 g
9. 在IE4+，margin属性不可用于td和tr对象。
   - w3 `0 P7 Q! x# p+ W. ?
10. 外延边距始终透明。
    $ |4 B7 ], V) Y2 Y
11. 
    ( w1 i. x/ `1 g- R1 W$ L
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    3 n9 m# {0 S. V9 ^; U1 q9 G4 p
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    6 p* Z3 }: i: l" |+ K. P7 q4 Q2 g4 u* \
15. 
    
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   ; E5 L. o' s! N; I! f
2. a { color: #000; text-decoration: none; }
   ) X  a/ N" r/ h5 q' k  A
3.         a:hover { text-decoration: underline; color: #000098; }
   
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; }
   
7.         a img { border: none; }
   
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   7 S; b3 ]- ~6 ?
9.         li cite a { color: #999; }
   
10.                 li cite a:visited { color: #999; }
    
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    ' T/ y) @6 W/ }, G
12. 
    ) F$ ]% v% ^  o1 F. n, C5 t2 i1 x; o

复制代码

分析
! _. y) H, h! l+ e

1. 
   : T# Z6 k9 w" m5 N3 d/ e2 j; l
2. text-decoration:文本连接的属性,一般有以下几种参数:
   2 y  X( M9 r7 `6 \% P/ O+ Z6 s
3. none : 　无装饰
   ! {' U, f% ]5 |$ l: g
4. blink : 　闪烁
   * R! A, n% d, f: l1 F. l, h
5. underline : 　下划线
   
6. line-through : 　贯穿线
   
7. overline : 　上划线
   
8. 
   
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    8 M) C/ K. C1 ^$ n+ ~; i+ [4 P$ Y
11. 
    - t7 l6 k4 V9 U- A
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    
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. 上面这两行是与鼠标相关
    $ I. Z3 X* O* p4 K- U3 G
17. 
    
18. a img { border: none; }图片连接相关
    3 [+ Y6 k! K+ Z$ C: y! v! v% w' I
19. 
    
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    + z( p2 y0 q% a; z
22. 
    
23. 
    + P0 n* _+ d$ G: O0 Q# d
24. font-style:字体式样,一般常用参数有:
    4 s! e. y/ ~+ z$ C+ L4 x8 f
25. normal : 正常的字体
    & B- j! |1 R" Y# f  h
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    4 v+ x3 T! D" @1 s, `2 g) }) M! \
27. oblique : 倾斜的字体
    4 w. t3 ^; L  E' A* {1 o
28. 
    
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    3 T, y+ c0 U2 Y+ G1 e4 J, [
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    
33. right : 　对象浮在右边
    
34. 
    
35. 
    " |+ q% K7 D- a0 L; `) K
36. important:样式表条目,提升指定样式规则的应用优先权。
    1 _% _6 y/ G' E0 L2 C' e* H. H
37. 
    9 w8 e" B6 p) i  Y4 g
38. 
    ! s3 n$ j9 C# e" f' ?4 y/ a4 m
39. background: transparent 这个的意思就是背景透明...
    ! i3 o/ d% t/ z  u6 _
40. 
    ; @9 _, |  y7 R) k( c
41. 
    - N+ W* E& r: g, L. F3 M
42. 
    / x" X3 p5 N/ b, `! z8 I" a- B/ k2 j
43. font-weight: normal :文本字体的粗细,常用参数如下:
    
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    / x, i" @& g6 S* `7 J6 Z' V
47. lighter : IE5+　细体
    5 q1 B  N* Q3 f* x) G4 Z' B/ n
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    ' l) L6 Y  Z: C0 I5 n: @
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    3 r: u& v8 r' w6 P
51. 语法：(每一竖隔开为一个状态)
    ! \  l) o4 K7 J8 h- ^
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. 
    
54. 
    
55. 
    
56. 
    , @' n% s" l0 v+ M! R
57. 
    
58. 
    2 t/ `2 x/ |! F$ j
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   
2. 
   
3. form { margin: 0; }
   & Z8 O) Z* Q! F- L
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;
   8 `  w0 w' u( f
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
     Q9 {5 m! d/ k% g0 \, A
7.         fieldset { border: 0; padding: 0; }
   
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   " ]! h7 e% Z: l% a% K

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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