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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   / D3 S7 y2 d# u$ m9 K* [
2. #newsblock { margin-top: 4px; }
   3 U& Q- i! e& c7 {1 J
3. /*-----------------------------------------------------------------------------------综合设置*/
   - ?: A, S5 ~1 H$ F/ G8 o+ L
4. 
   & z7 [2 |/ \$ w$ {, q2 K
5. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   1 M6 ?, o' ]7 n6 f6 ?
6. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
7. 
   7 H2 w; V7 v3 `1 M; b, K8 ~$ a. E2 Z
8. /*链接样式*/
   - Q5 S& S: Q# V. {2 M$ A
9. a { color: #000; text-decoration: none; }
   3 t. L; o, T6 R0 t
10.         a:hover { text-decoration: underline; color: #000098; }
    0 Y/ b) H9 |$ e
11.                 a:visited { color: #666;}
    
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    * C1 n0 Q8 ?* y9 A8 P% U
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; }
    
17.                 li cite a:visited { color: #999; }
    2 h4 i8 f8 O" ~0 e
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
19. 
    1 l  X- V* q" |' N8 c( W
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    
22. form { margin: 0; }
    
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    " V  c5 _) m/ T% X! O9 k
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    # T/ v% ]4 f) M! ^4 |
26.         fieldset { border: 0; padding: 0; }
    ( g& N* U0 j. V  P& k$ [) A7 @3 H' H
27.                 legend { display: none; }
    " _& p. K) O; D
28.         label { cursor: pointer; margin-right: 0.5em; }
    4 |' T# C% T. Z9 j5 r
29. 
    . F) h+ p4 ^. q* }7 [/ O
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; }
    . S/ `0 _# i0 k4 p0 T. _( r
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    
35.                         #topmenu a { color: #154BA0; }
    
36. 
    
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    
39.         .banner468 { float: right; }
    " W- `( X$ {& L" W& o) k
40. 
    ' t8 [+ D" g  m4 z! ~; a& @* l4 \5 H2 v$ a
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; }
    # V/ H& t+ ]- h% {1 `7 N5 J% W
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    
45.         /*首页导航*/
    / F/ F+ G0 V; D- U
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    / @, c: ^; [( V7 ^
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    
50. 
    
51. /*您的位置导航*/
    
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    1 {! f2 I% X3 `; S
55.         #searchform { float: right; }
    ; d+ T2 j# K) U" l# z. A
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    
58. 
    ) U/ V& B' v) t( }, A0 w( u
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    . d7 H4 I7 l+ e1 d2 n
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    : g+ E( ]3 U* y) r% v
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    
62. 
    - [7 n1 h- B9 ?7 ]; ~, K) Z
63. /*-----------------------------------------------------------------------------------布局*/
    5 {$ N- J/ j( y0 p' j7 ^
64. 
    
65. .content { /*三列布局*/
    . A/ p! P" ?* O% ]) O/ f
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    3 s% I- j1 E' j; l
68. .contentL { /*两列布局，侧边在左侧*/
    & k, x. m7 @! d8 r8 G: W2 ]
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    + @1 }# E9 k: g# x  s8 ~
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    * n* t' `3 f  r! v* _3 c- @
74. /*侧边样式*/
    + ~7 u4 g3 W8 f) E/ B
75. .sideL { width: 296px; float: left; overflow: hidden; }
    
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    6 w* l6 e3 @5 S$ t, i0 V3 K& ^6 A
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    * G- c# o; V% k" v; f! O
83. 
    ' M$ T- o" V3 Z& T
84. /*版块标题*/
    , x6 a( I. V5 z5 O* m8 w/ l4 M
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    % t6 F+ m- S6 @; o, s* G4 C
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    $ m: ~# _: F  x" J
87.         .blocktitle .more { margin-right: 5px; }
    8 B4 h8 k  p, @' Q5 {
88. 
    
89. /*头条信息*/
    5 G. K+ l, G& {$ I' k4 |
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    % i8 `0 J! _! Z: K0 g$ x
91.         #headline strong { font-size: 1.2em; }
    # Y# Q$ L* W, @+ v/ S" F3 |; x2 O
92.         #headline p { margin: 0.3em 0; }
    9 C% r' F# H# k+ G! W# C% {5 Q
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    1 ~7 @0 I) }; k! H5 d( x
94. 
    
95. /*侧边版块*/
    
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    1 |) F% T7 @- E2 c
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    5 \4 ?' y; I: y' ~% W
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     # s4 F& ^2 e$ W7 ~9 L
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     
103. 
     # j: W6 F; V8 a
104.         /*侧边多行列表*/
     2 Y% r: S: D# ~1 ~6 N7 l# W/ k1 G
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     / e8 x) f& Y) d- x9 W: m
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; }
     9 J6 [. n( B- q9 R! c
109.                         .sideblock dd a { color: #999; }
     ) N: j: b# T5 {% ]6 k9 ?( g
110. 
     
111. /*单行信息列表*/
     
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     5 s3 J- j# r. o& G
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; }
     ' R' Q+ {, i) J2 y+ s
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     , R4 J) I6 ?1 C2 a; m, u$ u$ o
115.         .sideblock .msgtitlelist { background: #FFF; }
     3 O7 J3 i  _9 q  a6 j7 h
116. 
     
117. /*多行信息列表*/
     + h  |/ D. G, X8 h) n+ \, C* K
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     & ^% a0 v, i. u' o7 Z
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     8 t# S6 ^3 A4 C, e$ b
124. 
     
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     6 u- S9 ~' Z9 }% V* L/ N
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     / i# y0 I2 M3 m* C7 e
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     
128.                         .messagelist dd a { color: #999; }
     
129. 
     + X; V4 Q* C* Y' @8 [* y: P( q8 {" f
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     9 T0 P; V$ o* M: o
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; }
     & z( X7 x  d: }" t  j/ R
135.                         #hottag a em { color: #999; font-style: normal; }
     2 M/ F: O! ]8 u+ \6 N; L1 P: D! W
136. 
     
137. /*用户面板*/
       N; u1 P4 t  _# _; D9 |& `
138. #userpanel { height: 8.8em; overflow: hidden; }
     
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     
140.                 #userpanel input { width: 90px; }
     " E0 ^4 `- Z9 _3 {) G
141.                 #userpanel p { margin: 0.5em 0; }
     , h5 M, q7 @, [  l* [# f
142.                 #dologin { float: right; }
     
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     9 c1 V1 o' S  j3 ~; `4 d8 l% C
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; }
     8 L3 {' l9 w8 ^$ P  y
146.                 #userpanel li a { color: #000098; }
     8 b! s+ v" t+ S9 ]. Z- I
147. 
     : Q3 b! T8 K9 o
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; }
     $ Y: c# W0 J! b
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
     
154. /*同城空间*/
     . |- T7 ?: c! }- m" T. j3 @
155. #cityspace { background: #F0F9FF; }
     
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     $ _4 K# p) f) b% n
157.         #cityspace select { margin: 2px 0; }
     
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     6 A) c7 ?5 x! S) ~
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     
160. 
     8 z" I& ^1 Q4 t+ j+ W- z
161. /*空间排行*/
     9 h5 `2 B% h# A* D: i
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; }
     " m. r( w% o/ ^! J8 E& C4 E
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     ' e1 N# C6 l9 e! [  R+ s1 U' I
165. 
     9 v+ F( z2 s3 e% b6 I  \
166. /*热门文章 */
     6 p/ B1 j* F% u8 s  W
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; }
     
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     + E8 R5 d4 j6 V- T8 k0 U: [2 E
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; }
     
174. 
     % B- Q: r9 v9 s2 u$ \
175. /*图片列表*/
     
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     . A# e  k+ _% l% w
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     4 m6 }) ?5 b+ k9 b% E) 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; }
     8 a8 c# ^$ y& k$ F4 ~, E' U
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     ! X' D( t' {: \* i0 {. H5 y
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     8 {) W1 ~6 ]0 V! U0 u; E  J
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     + N& i1 l- F8 `2 y1 b0 g
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; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     ! Y6 \9 ]( M( O& S. e
188. /*商品*/
     " W1 ]/ a9 }4 K# f3 n
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     
191.                 .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
     
192.                         .goodsthumblist li img { width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     + u; r2 ^$ w: ?" y0 x' Q* d! j
193.                         .goodsthumblist li p { margin: -3px 0 0 !important; margin: 0; height: 1.5em; line-height 1.5em; overflow: hidden; }
     
194. 
     0 y, _7 q6 D' u6 U; H
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; }
     
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; }
     ( E: B7 h8 t0 N# m( U( {
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. 
     + \9 O! z8 P- r; s8 j1 v
205. /*栏目区块列表*/
     + ^) n8 D. c5 w
206. .category {  margin: 4px 0 10px 0; }
     1 X# t% V3 l5 _
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     , Q  M, N( I0 ]4 q% i! q
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     . z1 l( J+ C. B4 y0 X6 U2 ~
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; }
     ! X  s2 G' w" n
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; }
     6 G) r0 Q9 Q  }* I8 q
214. 
     8 b4 K- r& c: w/ w: k% m0 O
215. 
     ( N% q; H4 ^4 i! h) m% ?  H0 h
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     " v  N8 F* O$ o. r" _
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     * Q5 C5 o* x9 g- n5 u. q# Q8 f
220. #newgoods, #commendgoods { height: 200px; }
     * d& U6 o- j8 A+ w. _  j) h" u5 P
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     
222. 
     6 K. u* B' X- q5 B4 _
223. 
     % B+ ]1 m7 E  I& w
224. 
     
225. 
       v3 q4 k1 i- ^4 _
226. /*信息列表*/
     
227. .articlelist li { padding-left: 60px; }
     
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     
230.        
     
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     3 q9 R6 [2 O, W( B& c/ K+ N
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; }
     
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
     4 Q' @* T, B  ?& [) z' Y: j
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; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     
243. 
     4 H  r6 X9 V! 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); }
     
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
     
249. /*专题列表*/
     
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     % G( X/ h2 U3 \( J! k
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     5 w$ }& M, a/ c% G, W$ B. ]" L
254. 
     / u9 |& ?; m0 x: ~
255. 
     
256.         #xspace-rates { height: 2em; }
     $ P) w5 b- Z* A( e
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     + Y/ O, P) t. ?1 b
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; }
     ; \/ B# a$ C8 {$ Q7 T$ s( B! k
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. 
     % }$ \0 R  f$ p5 b" L6 M2 T
262. 
     , }+ Y2 l8 }7 p+ }
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     9 i& `: I; m  a6 \* q  j
264. 
     1 c3 ^8 O5 Z* g" P
265. 
     0 L) I3 d; M1 @  U; Z6 H2 X
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     $ z. k: _4 f' L6 q. d
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     $ L0 J& j! R: \" A8 H0 M3 `
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     
272. 
     
273. /* 分页 */
     : ?6 |; `: B4 C' f* J
274. .xspace-page { margin: 2px 2px 2px auto; }
     % i' n/ Q* Y& Q9 q6 Z  O% N8 ~
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; }
     . S" J& H$ F( W) j
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; }
     
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; }
     
286.         #footer strong { color: #007AB6; }
     
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     9 F7 F* l% Q% s* D' F5 W' h# S
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     5 a1 Q0 }, @% n8 m: v+ v3 X9 O
290.        
     
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     ; i0 R- l0 ~* z! |9 f; y8 [* \- W" n
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     ) ?$ G5 e) U! c8 f1 s
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     - F9 _) u- i, M) P6 F
294. .articlectrl { margin: 0.5em 0 1.5em; }
     
295. 
     & f6 }# q  F  a6 C8 |& t
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     
297.         #articlebody * { line-height: normal; }
     
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     2 P0 e: \& `3 M
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     * l. z$ s3 d' H  t/ y
300.        
     
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     / t; z5 P. E5 B4 {0 o
302.                 #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
     2 ?( @( d' m" b6 @; f' ]' \- F% F
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     & X- N, C# i5 |+ i% z  A/ L0 w" w
305.        
     3 q8 H1 t, p. [. m2 S! ?$ {
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     ! f* N4 ~# ^* D: W8 k, S4 j' t
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; }
     6 B0 v4 ]4 U" B8 E" P  J, P
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; }
     ; \- P* R( L" d. o0 @7 q/ o
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     - ?# Z4 @# g5 o
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     " Q5 ?$ C) Z* W& b7 F0 y5 f% _
316. 
     6 y: V% {9 J( U
317. /*发表评论*/
     2 _3 e# U7 M: H* f
318. #comment { margin-top: 4px; }
     
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     4 k2 x6 h& e9 }" J* G
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     
321.         #comment p { margin: 0.3em 0; }
     , ^6 v% K$ i1 n! V- e( m
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     
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; }
     " i. X6 m4 J. X3 R$ z3 w
326.                         #xspace-rates a:hover { border-color: #CCC; }
     5 q/ t3 b% V7 K4 y$ n
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; }
     0 T- i5 ^# J* p# A, H0 E
328. 
     
329. /*AJAX div*/
     % Z0 K( P9 r3 ]% `+ d6 _
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     ! [5 K* K& P3 ]' C+ _1 H% |
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     , b) E- z/ F2 v% Z# O' X
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   8 O6 S2 a. N# {' H0 B  w
2. 
   
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   % g; K8 ~/ b6 z. q
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
5. 
   

复制代码

4 L/ B: ?9 d# e5 A: ]: ^
6 [; V; f7 ~8 q分析

1. margin属性说明：
   ' A2 c$ ?& e* b7 Q/ Z$ D9 a) T
2. 
   8 W$ d$ z  {( @, [
3. 检索或设置对象四边的外延边距。
   " {$ H$ K3 T; }0 u) E9 m+ b
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   3 \! B. L2 J  p+ R% B( _' A
5. 如果只提供一个，将用于全部的四边。
   ( p& ~4 M* l( @
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   + K' o) c' l" A$ A$ S" r* }
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    
11. 
    
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    
16. 
    : v! g$ s3 p2 L6 P' w( m0 O

复制代码

傲天♂浪子追风

1. /*链接样式*/
   
2. a { color: #000; text-decoration: none; }
   3 f, R- Y& n( t1 ~6 r
3.         a:hover { text-decoration: underline; color: #000098; }
   7 }) Q8 W/ v3 l7 ?* ?
4.                 a:visited { color: #666;}
   ) x- D3 X1 u9 @- }. n
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
   6 K4 M/ b. Y+ @% I9 W" S1 D/ x5 w8 O
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   0 m- y- J6 h4 H  r
7.         a img { border: none; }
   
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   
9.         li cite a { color: #999; }
   # g- c$ i# ^2 s; w1 F6 F
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; }
    # J; i% E* C, s6 L3 r9 P( d
12. 
    

复制代码

: c+ l7 _3 ?+ }* b; o; Z分析
6 D. P' q4 {; z2 L2 s# _

1. 
   0 s, z& g; S9 a
2. text-decoration:文本连接的属性,一般有以下几种参数:
   1 M# f, K# H. q7 z
3. none : 　无装饰
   
4. blink : 　闪烁
   
5. underline : 　下划线
   
6. line-through : 　贯穿线
   ! e5 t: U) t( ?% [" X4 N$ S
7. overline : 　上划线
   ' t; D: W- f9 d  [6 |% E0 X
8. 
   ! t2 a4 d' z/ }2 C7 C3 c
9. 
   ( b* c3 y2 o- U+ H% e5 C  P
10. hover:设置对象在其鼠标悬停时的样式表属性。
    . H0 v( v% \$ c
11. 
    : z8 o" a4 Y* M
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    2 T# Q0 ^8 n; G2 d
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; }:
    . A( e" ]+ C* M7 U) @* k
16. 上面这两行是与鼠标相关
    ! C3 g4 a1 {1 r6 {  K2 v- o# u
17. 
    & M- ~# m- w5 b0 g/ A8 ~5 u7 N
18. a img { border: none; }图片连接相关
    
19. 
    " W3 z) d6 _" F4 m! h7 [4 `
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    % d" ^8 ~" e  B6 R9 y2 I
23. 
    - T& y, B3 A! l; v! T6 p0 f
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    3 x- p7 U' p$ I; Y
27. oblique : 倾斜的字体
    4 @; f/ t1 F: x6 X$ A: q5 @
28. 
    # K+ N( ^( Z1 r: g9 V; V4 d5 P
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    % L5 ~! j6 R5 M2 \3 J
31. none : 　对象不浮动
    . E  L, v' x9 g% Y) M4 ]- K
32. left : 　对象浮在左边
    7 Z. }2 e6 M  d% ?( H) b
33. right : 　对象浮在右边
    
34. 
    
35. 
    , q3 j: e: C4 C7 e5 e& \  O! M
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    : v2 v+ g  c& M7 l( T
38. 
    6 r! e9 m& M: l& a7 C, g8 y9 W5 Y
39. background: transparent 这个的意思就是背景透明...
    : k, p' k2 Q  H; l7 x
40. 
    ! ]6 F; a1 q8 Z7 q, u6 s
41. 
    
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    1 R1 e2 m) H! N7 [6 F* H5 z6 ]
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    ) _2 y8 V9 I3 r# f) h( l
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    * }; `: t2 l4 V
46. bolder : IE5+　特粗体
    
47. lighter : IE5+　细体
    % W  n! D) a7 w& t3 {
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    4 ~0 J" P; c9 F5 ^
51. 语法：(每一竖隔开为一个状态)
    * Z& Y& W- G4 g+ p1 Z5 f
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)
    , N1 f+ }" V% B' B1 \8 N
53. 
    
54. 
    
55. 
    
56. 
    
57. 
    
58. 
    
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   
2. 
   $ w6 s$ k( _2 C! D& U9 N
3. form { margin: 0; }
   
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   2 c' H' Y0 S9 E/ C) _- ^; Q3 g
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   
7.         fieldset { border: 0; padding: 0; }
   
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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