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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   : W1 r, ]. t- X' A) ~
2. #newsblock { margin-top: 4px; }
   
3. /*-----------------------------------------------------------------------------------综合设置*/
   9 t8 {& l5 c+ j
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. 
   + V5 |  s) t: R! k2 G$ m3 v* P
8. /*链接样式*/
   7 q9 @  d: F( x! A  f
9. a { color: #000; text-decoration: none; }
   
10.         a:hover { text-decoration: underline; color: #000098; }
    ' b8 ^! i8 v* K3 Q* u% V
11.                 a:visited { color: #666;}
    
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    ' R6 M$ c6 [! ?# \) v0 p6 E
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; }
    ! y) V! H3 T) S" P
16.         li cite a { color: #999; }
    3 H% h3 z1 C9 l. m. f
17.                 li cite a:visited { color: #999; }
    ( w* {0 J% l2 ~1 U' ?$ }
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
19. 
    - Q2 X8 M& J9 \" z+ p  H$ W
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    
22. form { margin: 0; }
    
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    5 H5 U- u" f7 C8 v9 ?
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; }
    : `: V1 p/ e& q1 j; [, k* C
27.                 legend { display: none; }
    * F0 {. ]0 n; S+ S2 Z) f' Q
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
    / w9 t% V0 U( H$ H2 l  x. C+ U; o  u
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    5 ]1 ~6 Q: _1 D
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; }
    / A1 Y) [4 U$ h& Y/ n0 U" |+ w
35.                         #topmenu a { color: #154BA0; }
    
36. 
    
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    0 @9 q$ P' s; b
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    
39.         .banner468 { float: right; }
    9 L0 }' L3 k4 S; j4 f
40. 
    
41. /*主导航*/
    * H, a0 H( l; P; u
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; }
    ! m. m5 x: O9 h2 F3 a' j
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; }
    
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; }
    
50. 
    6 h+ Q) C; b- W6 S' j  Z# K. `$ s9 d/ P
51. /*您的位置导航*/
    1 Y4 z! H" B6 U8 g
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    4 D/ y8 ^# Q& m! h" g* G
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    . r+ z4 ]' N1 h3 W; Y' l0 V
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
    / C1 @/ J* _. c
57.                 #searchform button { margin-left: 0.5em; }
    . Q2 X2 T: p5 P, p3 v
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; }
    # h# u/ i! I1 A5 G8 v% z6 M. L- _
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    
62. 
    2 k7 Q  V, ]! y, J' O0 ?
63. /*-----------------------------------------------------------------------------------布局*/
    8 O- x$ Y/ b1 {* }
64. 
    4 v- ^4 T8 V' X: m$ \. [0 C* h# u
65. .content { /*三列布局*/
    4 b' W: \( G8 f
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    
68. .contentL { /*两列布局，侧边在左侧*/
    7 [6 {, F9 N# D
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    ; E, Y; A" U8 b5 _, v  Q- `
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    7 _8 `% X# j8 c: i3 T
71. .contentR { /*两列布局，侧边在右侧*/
    
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    8 b) k+ x. q8 S$ R8 H4 H
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
74. /*侧边样式*/
    
75. .sideL { width: 296px; float: left; overflow: hidden; }
    * a& a4 U6 U9 L! M  M8 f
76. .sideR { width: 202px; float: right; overflow: hidden; }
      E7 A  {5 ?0 k8 o% J) N" A' f
77. /*中间部分样式*/
    1 F& x4 G8 H! T# R$ I6 j2 e, K% G: X+ Y
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    : @) q! f6 |' d
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    * |7 ]1 r' v" Q/ L" F
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    $ X- ]% P( B2 h- B2 M- t
82. /*-----------------------------------------------------------------------------------版块样式*/
    % G  _0 T# _# e8 S. H
83. 
    3 i  \- @; P0 z: i9 a! X( d
84. /*版块标题*/
    0 S4 E5 h4 o/ D6 U  E1 M" z
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    ! A( f2 @& s( v! C3 }9 r7 t0 ]
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; }
    $ J4 n8 s8 T( t. `% _
88. 
    
89. /*头条信息*/
    ! @% q: l  d) Z; G5 p& N1 W' A' j
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    
91.         #headline strong { font-size: 1.2em; }
    6 [; q& ]0 H6 }0 y
92.         #headline p { margin: 0.3em 0; }
    
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    % z4 Y' y5 j" i9 ^2 b& m
94. 
    " O3 Z+ [0 u% T1 H- s0 N
95. /*侧边版块*/
    $ y+ m) F9 L* |; |+ ^) V9 S7 d
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    : h/ Y5 D! {: I! ]
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; }
    ( M0 x* D+ I. O0 \
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     , @; P3 M2 P& ~+ a6 t
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; }
     ' Y! U3 }6 c& e7 q$ M9 M' |
103. 
     * ^  G5 ?* z/ _$ C0 o8 H$ L
104.         /*侧边多行列表*/
     : \' t: I  e" z  c! X8 W
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
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; }
     , C( b& P' i% [
109.                         .sideblock dd a { color: #999; }
     
110. 
     
111. /*单行信息列表*/
     
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     
113.         .msgtitlelist li { height: 1.6em; overflow: hidden; padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     4 K( G6 {- N( g- B6 }$ \, [
116. 
     3 N; w! G6 Q$ r" j% n. Q; i/ t
117. /*多行信息列表*/
     
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     + [" B% H( Z' u+ Q
119.         .messagelist li { margin: 5px 0 10px 0;}
     * W! U# I* S% x; y- k6 h  Y( m' F
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     ) j. j% m. o8 d4 K' o
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     , J, _% O: m" z% e9 B7 q$ l8 k
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     7 v. M% @2 @7 X# F8 o1 n
123.                 .messagelist li p { margin: 0; }
     6 l; d6 o. h( e" k" c
124. 
     
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     6 @- p7 E: k( t5 E
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     
128.                         .messagelist dd a { color: #999; }
     
129. 
     
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     % [' i! z. \+ w3 y1 ^# [. o0 R7 Y
133.                 #hottag div { color: #999; overflow: hidden; }
     
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     
137. /*用户面板*/
     $ ^( \0 e/ `( N% y/ \* p  A
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; }
     
142.                 #dologin { float: right; }
     
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     5 b1 Q# x& m7 b# `4 n
144.         /*登录后*/
     $ g( d4 Y9 }  a, l: @  H
145.         #userpanel li { border-bottom: 1px solid #BBE9FF; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }
     0 y7 {: Z# A1 |9 o, C) m0 A( O
146.                 #userpanel li a { color: #000098; }
     * D; S" a! h/ J; O3 B& r2 D& _, M
147. 
     " Z  v0 C& B& H0 c
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; }
     
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     4 B, A2 ~6 J: j* u6 C) }
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     6 e6 N& M3 z- P# W
153. 
     ' n; c5 L0 l6 z% l" r' r
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     ) t; ]+ o. y* [$ m, h0 y
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. 
     ( Z4 m! R6 `. t9 u
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; }
     $ ~; s" N" O0 Q9 [
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     
165. 
     1 p: s. `; |) L- |/ Z9 {
166. /*热门文章 */
     4 E! H% c: z$ O9 P# m
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     
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; }
     / i0 x$ l- D* {6 M5 a
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     ' F) [4 E! ]$ [: N2 ^
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
       V6 ?- b2 ^  g% c
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; }
     5 @) E2 q: M! @+ t7 ^) D' j
174. 
     % N7 ?$ D$ {/ a& i1 k) [
175. /*图片列表*/
     3 [% M4 P- m* g' s, k9 Q
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     * U* @; Z* t' e* d
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     6 ^, U! e) X3 O$ p1 ~) {$ t; `
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; }
     : W3 Z7 \. t8 I4 P$ D0 a3 ~- M
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     8 {# V, L% w9 n* t) P
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     
182.                         .imgthumblist img { width: 100px; height: 100px; }
     5 J, t, V* `0 Y& I% N1 r2 a9 ^
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; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     - F2 Y) ^9 u. ^- x
187. 
     % [! U- u+ j7 v6 w( s
188. /*商品*/
     
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     2 c2 H( b$ B  l* d; u: X
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     ! U( f4 P+ Z' ?1 @& H
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; }
     
194. 
     6 K+ n! O) z& T) N. E* G# ]& G
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     + ]7 @6 w+ r" `& D% S
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; }
     
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; }
     
203.        
     
204. 
     
205. /*栏目区块列表*/
     & a) w  I8 i/ F3 p4 b
206. .category {  margin: 4px 0 10px 0; }
     , I$ R+ s/ L; e  r5 X
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     ! r- y/ f# c7 C  Q: n" g" w. |
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     $ J6 [8 R/ _8 k. I+ ~4 e
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     2 x5 s* I$ B4 @% 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. 
     
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     0 @+ _6 _: V$ ]$ o2 n
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     5 g0 Q6 h/ R( [5 ~, D$ \. l" y- n7 o
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     ' [, e( f' u" t  K9 ?
222. 
     
223. 
     ' Z4 g7 A3 a* ^% E$ H4 B
224. 
     # h# Y1 J$ v: M7 n6 k
225. 
     : Q  u% y6 z" `. k4 a* @1 M/ [- A
226. /*信息列表*/
     
227. .articlelist li { padding-left: 60px; }
     + B9 U8 h$ J. G
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; }
     ' e# k9 N' ^; d# h
230.        
     5 @" Z% n; `; c6 x) S
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; }
     3 T3 F( W" u' B( T( S0 }! o
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
     
235.                 .articlelist h4 a { color: #000099; }
       M! E+ u; V* @* I) _' q
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     
237.                
     $ _% u! E# i5 M" j5 c
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; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     
243. 
     + N6 u9 F$ n* b5 t6 A' H+ m$ O+ F
244. .catepic { text-align: center; }
     
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); }
       s9 Y0 ], k' T# W* p
247.         .catepic p { text-align: left; margin: 0.5em; }
     : f: H4 v6 A' |# ^" q( U
248. 
     
249. /*专题列表*/
     
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     , S6 ^1 B. e1 O9 \. @2 W  l
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     * c) N5 _( `- J
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     
254. 
     ) E- `# o8 x# P) v& c" ~7 l' s
255. 
     
256.         #xspace-rates { height: 2em; }
     
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; }
     $ }% a# a. Q7 a+ u4 d9 [
261. 
     0 L9 A) m; E+ \1 Y' a: F8 G+ [& `/ ]
262. 
     
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     1 O. n) D# O, T1 \4 E, T
264. 
     + E2 E  b/ s6 e+ F0 `, L
265. 
     
266. /*Pages*/
     4 Q+ z3 t# ?+ T. q
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     ! z; d7 @3 O' y- Z* }3 _
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; }
     1 {8 B* I3 P  B/ z2 O) z6 c8 S
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     
272. 
     $ i. S* C. l6 `7 n( C8 L6 M
273. /* 分页 */
     : a, z; n3 ^1 q: O
274. .xspace-page { margin: 2px 2px 2px auto; }
     $ \$ _1 j9 Q: X
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; }
     
278.         table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }
     2 e0 k3 A6 G) ?8 a2 A6 ~. G+ T
279. 
     
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     $ a$ I: i' \: m' M0 M% F' ?
282. 
     ) p0 ^$ }- [  l) A* ?+ V$ B
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     
284. #footer { clear: both; border-top: 2px solid #86B9D6; padding-top: 1em; padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; }
     
285.         #footer p { margin: 0.3em 0; color: #999; }
     + {2 d( i" @  |; [
286.         #footer strong { color: #007AB6; }
     
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     ; O4 o  B0 A* U0 Z) q
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     
290.        
     , M/ W% x" ?' ?/ \6 R3 Y& ~
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     ! @6 M. L' y& x3 X- I5 T4 ?
294. .articlectrl { margin: 0.5em 0 1.5em; }
     - a* Q' c2 u% w/ s# f2 i! u
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; }
     ' t. f& M2 m/ S# m7 {! @
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; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
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; }
     5 P, A, `) F: Z" k, t
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     
311.                                 #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
     $ g6 M$ J& k5 @
312.                         #commentlist .messagelist li div { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; }
     % x& {. X! [! `, O/ W
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; }
     0 c/ J7 s0 I/ g( |2 B/ l
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     
316. 
     5 x2 F3 ?  w: n5 E3 X! N- F8 d; O
317. /*发表评论*/
     
318. #comment { margin-top: 4px; }
     6 }+ l% x& `- x" @( \
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     
321.         #comment p { margin: 0.3em 0; }
       k. [+ r& P% o2 d) I9 ?* L
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     * Z# Q6 ?: M& d; s
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     + Y! o2 \# |: W) Q- d& |4 _/ P
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; }
     2 g( \+ U# P6 W- a3 Z
328. 
     
329. /*AJAX div*/
     
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     1 r6 x7 C1 p0 N, Q, r# a
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     * d9 n. L8 q! o7 l
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     & U+ ]- F6 |1 q7 F" R7 W1 p
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     - r' q' f. f8 `' ?8 `0 N( l
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   
2. 
   
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   / H0 E4 ^% \. _  h
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
5. 
   $ X& C- n, x- c# F9 D& n

复制代码

& Z0 D- z" h1 q/ r. V$ Z
% P2 V+ X9 x7 q9 K$ V! u分析
% \8 X1 v  O/ d# A/ m
$ i3 c! L9 p# j5 o2 U$ s

1. margin属性说明：
   
2. 
   
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   2 G9 l* N, z9 p: `4 c9 A
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   6 i3 U/ M5 g! S! q& P
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    & w% P; \9 |1 a5 k7 C( h0 h" o
11. 
    
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    4 X/ |% P4 l( s! _+ d
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    
16. 
    7 `' u' p0 f6 t, B) z- [# c4 h

复制代码

傲天♂浪子追风

1. /*链接样式*/
   7 y5 l9 m) F1 q. D% g
2. a { color: #000; text-decoration: none; }
   . T. b. c$ j9 U' {
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; }
   : {' i/ ~, G( W' m
9.         li cite a { color: #999; }
   
10.                 li cite a:visited { color: #999; }
    0 L1 B" J$ H$ \8 T3 _. V5 S
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    ) r" p/ S7 s8 N' a% M1 p8 P
12. 
    5 a, t$ |1 x) i8 A" Y% r

复制代码

分析

1. 
   8 g+ M# A% L, i0 }0 a8 Z
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   
4. blink : 　闪烁
   
5. underline : 　下划线
   
6. line-through : 　贯穿线
   
7. overline : 　上划线
   
8. 
   
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    + f% @: ?& ], {5 {3 {+ B
11. 
    
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    , \3 J) @  c+ C; `. J! [. j* I
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    * c) F. {4 @: O) a8 h
16. 上面这两行是与鼠标相关
    # F  R# q1 @- k/ S! ]; s' l
17. 
    
18. a img { border: none; }图片连接相关
    ' o0 s. E5 T+ y. q( Z" ~9 V1 n
19. 
    7 e7 H: x$ Y! l
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    6 x0 N7 a! m, M7 C3 A+ X& J
23. 
    
24. font-style:字体式样,一般常用参数有:
    0 H  F, j. I" e" O! P" o5 q" a* m
25. normal : 正常的字体
    2 Z* k* G5 y1 i! M5 y7 C
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    
27. oblique : 倾斜的字体
      y6 E- E  G0 n  u3 y& h4 w" K$ [
28. 
    * T: n& g! H6 f% w9 B# ^6 u7 V5 N
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    
33. right : 　对象浮在右边
    
34. 
    
35. 
    - k* j) r& u5 x* B8 \$ r
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    
38. 
    
39. background: transparent 这个的意思就是背景透明...
    
40. 
    6 [; t5 F$ p) n/ t4 S, ?
41. 
    
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
      R; I1 }! H* Z; \: W
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    6 A; _1 W2 T& c$ @% Z
46. bolder : IE5+　特粗体
    
47. lighter : IE5+　细体
    
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    9 p" N7 z. S3 G) Y1 Z) _
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    7 S, Q/ z/ V; {8 M$ y/ O; m+ [
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)
    3 @; y! `0 O! ~2 c& M7 K8 r3 y
53. 
    9 k! }2 p! ~$ e6 w- M
54. 
    8 V/ x! V4 p+ ^) G' h* k
55. 
    8 g3 j. M+ V0 I% n0 b: Z7 X& n
56. 
    $ ?$ g, K) Q/ H# `
57. 
    8 i/ A3 m2 r: \  Q+ [' a9 `: _! H( ]
58. 
    . z7 X+ h! |  {% ~" J. o
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   ; N$ U; t/ g: u2 P
2. 
   
3. form { margin: 0; }
   
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   : M2 d2 H: C! i. n9 G, w  Q4 J. g
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   3 r5 T' i2 v# T2 Q7 o% p0 ?% j2 a
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; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   / a  k4 V" j6 Y% O7 T  @

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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