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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   
2. #newsblock { margin-top: 4px; }
   $ J/ a* c4 e" }& g! p
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; }
   . I% {8 }4 {- W5 i3 t4 O
7. 
   % k; @) w' p2 U$ |* R% C6 S
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   8 w5 |7 I2 u& |7 ~8 \) }# T
10.         a:hover { text-decoration: underline; color: #000098; }
    % }: V& a2 a. `
11.                 a:visited { color: #666;}
    . E8 R5 Z2 u" w% ]% c8 k
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; }
    
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; }
    1 q" a' I5 b3 ~' ]
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; }
    ' w$ ^5 U1 i$ a2 g) g: B/ U
19. 
    3 }1 ~7 E2 M7 h* Q" e  `# \5 T# Y
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    5 P2 U2 H7 ^: P  A
21. 
    " y  j  r+ w# p
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;
    . _- [7 Z& {4 _/ k) @3 p3 J. G2 }' a
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    $ `9 g7 n& _, K1 S
26.         fieldset { border: 0; padding: 0; }
    & w( Y5 y+ b8 k  R$ p4 t
27.                 legend { display: none; }
    ( g: p; ^) _7 p$ Q: I0 Y
28.         label { cursor: pointer; margin-right: 0.5em; }
    ; w  |/ a) C6 S% C3 U* y
29. 
    ' R9 O7 q+ a, t
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    , E- J6 g9 D1 c' A# V/ ]  O! Z
31. /*顶部导航*/
    " w* F9 V+ i3 B3 C( q. a/ Y: d* a& p
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; }
    1 f. u1 e5 e# h$ Q4 _! l3 l+ {1 }  w: s5 e
33.         #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #86B9D6; }
    # C$ N# p- Q% b9 G6 w
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    
35.                         #topmenu a { color: #154BA0; }
    
36. 
    ( v( N$ b  ?6 @: l8 K1 u
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    $ N, x/ I+ [4 t) ~4 C! L# r
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    
39.         .banner468 { float: right; }
    
40. 
    * d! u: ^0 r7 S  V# T% R0 t, b
41. /*主导航*/
    6 h, S( U) B' n
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.         /*首页导航*/
    
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    & u5 M- q( c$ u2 i; W9 O  n# z
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    ! |6 q6 W( Y7 S1 s# Y3 e
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    7 S) l7 a! [0 a! u/ d
50. 
    3 b( P$ p& J4 N; |0 {) }( m' `$ g
51. /*您的位置导航*/
    2 U9 j, X+ j; ~% e* l
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    ' b& V1 E  t, e! u$ r: x1 q  R  x
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    & k( C! W1 r% e6 {. A+ g
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
    1 k* y' k+ W& w7 N& w* A
57.                 #searchform button { margin-left: 0.5em; }
    ' O8 I" C  Y: g& s. s  L( M- J. @
58. 
    $ {0 g' D6 N7 y
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    & y: |. A2 ~' J9 ]% h9 G
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    ( k3 `. l$ p' |& l; n% _6 B' d
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    ; R( g* b( |- e( ^
64. 
    & d- l# p5 N, {; p: R. v
65. .content { /*三列布局*/
    
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; }
    $ \5 b3 m1 B! V! x/ i1 u
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. /*侧边样式*/
    , Q- G3 n' Z) A& m- x
75. .sideL { width: 296px; float: left; overflow: hidden; }
    
76. .sideR { width: 202px; float: right; overflow: hidden; }
    : \- D0 M! K- a; }7 s
77. /*中间部分样式*/
    * ~# X# O  I) Y" E
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    8 m' ~% ~5 s- b2 d$ Y
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    6 I. V' n' ^) ~9 c' B+ V
84. /*版块标题*/
    
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    1 I$ r" b5 R, D1 z' W
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    ) ]/ ?2 R- k; \: J! @: i
87.         .blocktitle .more { margin-right: 5px; }
    6 {6 v. l7 [* W4 O9 Q: R
88. 
    & V2 m  g6 _3 k" {5 f7 j
89. /*头条信息*/
    ; Y/ G+ ?$ g# d8 M) }
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    
91.         #headline strong { font-size: 1.2em; }
    5 ?0 a# m; S9 M- S4 E0 w% `
92.         #headline p { margin: 0.3em 0; }
    % i, z9 X, \" O/ F
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    + \8 {3 }7 X' m+ {/ {6 J' y/ R
94. 
    7 j) _3 L$ `) R) M$ M
95. /*侧边版块*/
    2 f; L6 Q! T* a$ K' }  o
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    - Y) S; D3 V$ ?& H$ X' w1 |; g  T
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; }
    ! V4 p9 h! v( K9 Z3 P9 D
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
       D# H* _, M" A1 w9 E# ^/ u
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     
103. 
     - |. L0 y; r0 ~7 E6 i
104.         /*侧边多行列表*/
     7 j( K6 G5 v/ G
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     , P+ X; {: A4 I6 x* O
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; }
     0 V9 r0 C. R/ m! ^
108.                 .sideblock dd { color: #999; margin-left: 0.8em; }
     
109.                         .sideblock dd a { color: #999; }
     
110. 
     
111. /*单行信息列表*/
     " ]3 f6 D$ g3 m! T. b
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; }
     ' Q; I5 V1 F" g! {
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     
117. /*多行信息列表*/
     
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     . m2 f/ }7 l8 x3 u  b1 j' r) H
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
       |0 `, |) M. x0 O8 H! x( L
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     4 @1 E( b5 r- s/ A( f
123.                 .messagelist li p { margin: 0; }
     4 I4 A5 M6 x4 j" D
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; }
     * F2 W& s/ S4 a$ S- g
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     2 E1 p4 a1 l" A$ u1 G. `" n; ]6 X3 ?
128.                         .messagelist dd a { color: #999; }
     3 t# ?8 r) E1 S6 s; J
129. 
     / w7 O# b' D9 c, }9 ?* o' E
130. /*热门话题*/
     - q1 U$ M3 k/ W1 U
131. #hottag { overflow: hidden;  }
     ' Y& G/ q& G* u0 g7 Y
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     
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; }
     2 e5 ~  H" M4 t
136. 
     ! r5 k' \4 F# L! r& i) P' A- |
137. /*用户面板*/
     4 O1 |# l8 J" u+ l
138. #userpanel { height: 8.8em; overflow: hidden; }
     
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     . }  H: _3 s) k# v, T' U, o& }
140.                 #userpanel input { width: 90px; }
     8 _5 W- U7 h' r- m; T4 Z8 c
141.                 #userpanel p { margin: 0.5em 0; }
       K/ B" o: L) J1 G1 n
142.                 #dologin { float: right; }
     : r' T: s& E& V( k
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     
144.         /*登录后*/
     / p% x( E9 H  ~# b
145.         #userpanel li { border-bottom: 1px solid #BBE9FF; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }
     + |$ f2 Z( Y. s7 U) [
146.                 #userpanel li a { color: #000098; }
     
147. 
     
148. /*空间之星*/
     7 u1 p  O  b' w
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     1 ?0 v5 F8 R* i) S9 R
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; }
     . P1 n( w2 Y' \% h
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
     
154. /*同城空间*/
     : }: R, d0 a9 W9 n; E
155. #cityspace { background: #F0F9FF; }
     
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     % o5 h6 y$ z+ @
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. /*空间排行*/
     
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; }
     & T: ~& q( _1 l# o- T
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     
165. 
     7 u+ ^) V1 _% e: u6 ^: L' T
166. /*热门文章 */
     
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     0 i1 ?1 W$ r9 @7 h+ i; E
168.         #hotarticle h3 { font-size: 1.2em; margin: 0; line-height: 22px; border-bottom: 1px solid #86B9D6; }
     
169.         #hotarticletabs { position: absolute; margin: 0; line-height: 18px; top: 7px!important; top: 8px; right: 10px; }
     
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     7 n: V7 U* `6 S) s1 X6 U
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; }
     * |+ [- y" b( H( p1 Z6 ?9 C! j# G
174. 
     3 k- o1 C" Y- d1 V
175. /*图片列表*/
     ( K& X. @' y" o( q: W2 M5 y
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     % \9 _" [* W- r. Q( [
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; }
     % Y* t* n6 }2 M( M  W* h
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     3 O) n* U3 x4 y+ Z6 G) R
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; }
     
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     
185.                 .throughgallery .imgthumblist { margin: 0; }
     ; s/ a5 Z5 Q( y9 u# z
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     $ u0 G+ ?) s1 s2 A& K9 ^) z1 [# G
187. 
     ! d# V1 D& ^5 `' l  v# _( _
188. /*商品*/
     ; S2 Q9 O2 N3 q! s
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     ! m- `$ Y* w, L  ~; k% W9 a
191.                 .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
     
192.                         .goodsthumblist li img { width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     
193.                         .goodsthumblist li p { margin: -3px 0 0 !important; margin: 0; height: 1.5em; line-height 1.5em; overflow: hidden; }
     & t2 H# s, F3 Q. \( B% S. Y. h; \
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; }
     ; l0 M) C/ H) r7 h
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     4 q$ D) `7 @. s$ y
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     # V  |- F# B& f% X8 O
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
       q6 W& p3 ?3 K9 J# s. g1 b  X. a
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     + K- S; c  k' f5 S
203.        
     
204. 
     
205. /*栏目区块列表*/
     
206. .category {  margin: 4px 0 10px 0; }
     
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     5 w3 y9 W8 O( C6 d% \
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     8 O, X0 K) S% g8 G) o1 }; V/ i
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; }
     + J# ?4 E& z1 s/ h8 X+ v# \
212.         .catecommend { background: #F0F9FF; margin: 0; line-height: 2em; height: 2em; overflow: hidden; padding: 0 1em; }*/
     
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     . w! e" w1 E3 A6 `+ n
214. 
     
215. 
     
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     
218. /*#commendimage { height: 155px; }
     ) x9 N8 l- A4 T
219. #topicnews { height: 217px; }
     & ^$ j% j0 y3 Q. W1 M
220. #newgoods, #commendgoods { height: 200px; }
     
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     $ `! x; g! }) |) Y0 }
222. 
     
223. 
     9 K- O: w+ {3 }% h$ p
224. 
     
225. 
     
226. /*信息列表*/
     
227. .articlelist li { padding-left: 60px; }
     7 U9 b4 P6 Q+ i: {/ ]$ {2 w2 Q
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; }
     % _# I# T2 s6 C- j' e
230.        
     . S  X, U' B: Z# B
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     2 |1 Y3 m5 ~3 U/ J6 S- ~: N
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     : @. e6 u8 j- n3 Z/ M+ M4 F
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     & V% ?* r/ v7 l+ G) m
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
     
235.                 .articlelist h4 a { color: #000099; }
     
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     
237.                
     
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     
239.                         .articlelist li strong a { color: #999; }
     
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     - B+ K% ]- Y/ r" Z/ a
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     
243. 
     
244. .catepic { text-align: center; }
     5 {2 z' `: D: {1 d
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     
246.                 max-width: 150px; max-height: 150px; width: expression(this.width > 150 ? 150: true); height: expression(this.height > 150 ? 150: true); }
     
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
       F) N& x8 H6 _5 n$ d- g
249. /*专题列表*/
     
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     0 \8 Z! C$ }8 A+ L1 v5 I/ V  a7 L
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     ( m& W% d, M# k' E4 e- n$ F0 \
254. 
     . B- t% t- T+ v: ~3 B( J
255. 
     ) \# C6 B  T7 T3 g8 E) R! q) ]5 E
256.         #xspace-rates { height: 2em; }
     / A0 g3 b' v8 W* h9 j
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. 
     
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     
264. 
     . ~- e( ]4 E' u# N$ a
265. 
     
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     $ K) Y2 P4 G& H+ \9 x* `$ @) T
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     - x9 U9 Q' [9 w- r5 z8 E
272. 
     
273. /* 分页 */
     
274. .xspace-page { margin: 2px 2px 2px auto; }
     
275.         table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
     5 _/ p- x2 [5 C. A' ?
276.                 table.xspace-page a:hover { background: #86B9D6; }
     + b; @2 B# O7 }( L3 F7 `* I# `' Y3 `
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. 
     
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     0 |0 v, _: o1 ?3 B7 P
282. 
     4 a4 Z; \$ w8 z# M  f% h
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     % h" u0 Z/ W4 c$ Z4 J) O$ ^4 d
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; }
     ( d1 y- o% Y! t2 G, _
285.         #footer p { margin: 0.3em 0; color: #999; }
     
286.         #footer strong { color: #007AB6; }
     
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     ( X: v2 F- K& d3 @) X; u  p8 o
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     " \4 k  T6 h0 h4 A
290.        
     4 q( H+ ~0 {' E: u- H$ ?
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     # P# @% ~8 f, L; H' [  E  |
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     7 q9 `3 z: e+ E/ r( _4 j) I
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     & A& s" a) L% T
294. .articlectrl { margin: 0.5em 0 1.5em; }
     
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; }
     + b" k) A. ~. s  x
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     
302.                 #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
     
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     ' a2 p1 p' |% B( s+ s
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     5 F4 H: j/ {' l' u! ~: p7 }: @2 C4 [
305.        
     9 t# }5 m, q! Y' K9 v7 \
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
       _! M0 l' e8 m3 j0 I0 ^7 t8 c; ?
307.        
     
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; }
     
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     $ z6 p7 {% Z* |5 N4 N1 d
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; }
     / l  A1 @, X* b
313.                                 #commentlist .messagelist li div * { line-height: normal; }
     4 M% V% w- H2 K# }& l5 ?1 C8 o
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     7 O: T: w/ e5 m0 a  g
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     
316. 
     
317. /*发表评论*/
     * K6 F  v8 n/ b5 ]# H) Y1 D. u
318. #comment { margin-top: 4px; }
     4 y; F4 B& ~' t( _( K: G* Z# m/ \. o
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     6 z; v& U- j+ t- l6 b
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     . A# B( `% G: j7 H, Q
321.         #comment p { margin: 0.3em 0; }
     : b' q+ }. T9 j" e* j2 a0 V9 h
322.         .seccodeline * { vertical-align: middle; }
     + z% M& ]. F0 N7 _/ C
323.         #xspace-rates { height: 2em; }
     
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     / O1 l% T( f- H- e! }9 X
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; }
     
326.                         #xspace-rates a:hover { border-color: #CCC; }
     
327.                         .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }
     
328. 
     ' w; y. N' S8 n) D
329. /*AJAX div*/
     
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     , P% C! x* @7 r5 l9 p+ ?0 Y1 l3 s
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     6 m  Z/ r% t2 @8 ]7 O* u
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   , w3 K5 |# N" m7 N* X$ S- X
2. 
   ) F1 ?# F$ @4 p, u* ]
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. 
   ( G. W) D' y4 d, ~% ?8 z/ D

复制代码

: ?  F. X1 V& d. A+ v3 b! V' Z
3 Y8 M) ?% S9 i% M( ], a分析

1. margin属性说明：
   7 z  o6 x6 \! L2 z! q' F/ F
2. 
   % {* U. C% U% a, Y0 |7 B4 v  w
3. 检索或设置对象四边的外延边距。
   : v7 @  m: O4 v% c' c0 w4 B
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   - {! g, J: m2 s% |% }, K
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   ' x% n, W$ U4 m+ Z2 K
10. 外延边距始终透明。
    * G; o" V# h1 u/ o& L* P1 J5 R
11. 
    
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    ' ~3 v) {/ g; X/ ]  Z9 m8 h
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    ! E- `% M& `8 C# T6 A
15. 
    % @: H" k. z9 {) d" }, G/ N
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   ) b7 L% G3 Y7 G+ U, h
2. a { color: #000; text-decoration: none; }
   
3.         a:hover { text-decoration: underline; color: #000098; }
   
4.                 a:visited { color: #666;}
   ' m; P; N& i0 |* l7 A$ i
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; }
   ' I# M4 o+ j* k& z0 @2 Q
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   ; A! c' Z0 m- P" J. J3 t
9.         li cite a { color: #999; }
   2 ]$ X0 s1 n# e+ |+ I
10.                 li cite a:visited { color: #999; }
    
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
12. 
    

复制代码

8 L( I0 ^+ I' y; L! K( [8 {+ j4 n
3 H* ]5 B& P" Z5 n+ f分析
6 ]0 ^) e3 d" H

1. 
   + m0 }# ]3 w# @4 P6 K% L5 g
2. text-decoration:文本连接的属性,一般有以下几种参数:
   ; t  K# E3 X* K# n8 I
3. none : 　无装饰
   # y1 H( ~9 [' U1 n4 y) E3 i
4. blink : 　闪烁
   
5. underline : 　下划线
   4 C, c8 E* q4 r% l. \) X: s
6. line-through : 　贯穿线
   1 M, V! n" J' i1 P! L
7. overline : 　上划线
   
8. 
   
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    9 f% V5 a; x) [6 Y8 _
11. 
    8 S4 v) C: @9 D
12. visited:对象在其链接地址已被访问过时的样式表属性。
    ; ]( o7 @# d( P8 H, d
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. 上面这两行是与鼠标相关
    2 m/ q" Q# U5 D% @
17. 
    
18. a img { border: none; }图片连接相关
    ! W  }2 K) S+ t8 A7 I
19. 
    & n* Y  e  w7 W  l; ^2 M! M
20. 
    4 O! q! U1 Y' D
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    ' X, R* N$ E1 g  b' u& O, t
22. 
    
23. 
      n6 y% t' c5 y3 ^
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
    - Z/ c( b2 X. n. L5 r
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    
27. oblique : 倾斜的字体
    
28. 
    
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    
33. right : 　对象浮在右边
    5 {, R. F% @8 b! x; t! R( x
34. 
    # g% I& E' H' H$ E0 a
35. 
    + s8 D0 z5 e! A, `) l- a
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    , B- I  D+ T5 e, E! b/ V' Y
38. 
    9 y0 J- Y* T* }) W1 q/ {
39. background: transparent 这个的意思就是背景透明...
    0 p, J! D+ ]# k( _5 ^8 }
40. 
    
41. 
    
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    " _3 M! l+ I+ k& ~) ]
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    6 a; r- x; F! ?) {) ^
47. lighter : IE5+　细体
    & O' E: @3 l9 [% v/ [
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    * s$ B; x! K& k4 ?' ^! L; K6 ^( P! w
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)
    5 R0 V7 V$ l( ?, o/ o5 v! q
53. 
    
54. 
    
55. 
    1 t0 I! T- c+ Z0 n
56. 
    
57. 
    2 y7 I, ^3 q5 K; C
58. 
    
59. 
      R3 l6 R7 S4 H( e. A4 }9 R0 [. A

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   / `7 I2 j% W9 p0 S) p% i
2. 
   . l! l' F3 V" O9 o9 u9 G' K: m
3. form { margin: 0; }
   
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   ; S, W$ I" _0 v, }
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   7 L. ]) i# w+ _% x
7.         fieldset { border: 0; padding: 0; }
   - Y, n% I+ n  n* s4 W0 l
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   & Y' e/ Q* j! I4 [  z

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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