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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   
2. #newsblock { margin-top: 4px; }
   ! j, w0 d2 S% }, i
3. /*-----------------------------------------------------------------------------------综合设置*/
   
4. 
   & S/ V$ U3 T, L8 f7 L& J! A
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; }
   ( Z0 @# f8 ~, @. r) W9 Q/ G
7. 
   " U" P5 O  M1 Q  K8 A
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   
10.         a:hover { text-decoration: underline; color: #000098; }
    
11.                 a:visited { color: #666;}
    - D* ~  u9 ?& N- \- e* l/ r9 `
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; }
    $ e" |( m8 e1 Y1 s. u5 s2 [" ~
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
      _7 q& @: h* E- Y2 X; Z* v5 w
16.         li cite a { color: #999; }
    
17.                 li cite a:visited { color: #999; }
    # c6 q8 N. B  a" C8 E2 F: h
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
19. 
    
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    1 ^5 U7 \0 O1 p' |: U4 y9 q$ e
21. 
    
22. form { margin: 0; }
    . M" o# p+ d! f' z5 `7 a
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    7 Y3 Q- Z' N- X7 l- C4 y5 _
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    6 c6 o! A- j+ n) r* u( F
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    . x: z% z. ]% A/ q" M. \4 B  ^
26.         fieldset { border: 0; padding: 0; }
    3 \, V) k$ [- t' U! N
27.                 legend { display: none; }
    . D* r/ Y* }- v( H$ t9 x4 c9 C
28.         label { cursor: pointer; margin-right: 0.5em; }
    ! a; q3 K* a9 w2 ~! x* v6 {. z
29. 
    
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    - ], L) h7 K3 ?3 Q
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; }
    ' [! C* l% d/ H
33.         #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #86B9D6; }
    3 W# @* h' {+ s4 G
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    5 W5 H& }7 h  r% h7 A- L# m
35.                         #topmenu a { color: #154BA0; }
    4 m" p$ @- }8 v# `8 {
36. 
    ! i0 N& y0 W+ C, f
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; }
    % [: {* ~6 e$ S) |
39.         .banner468 { float: right; }
    
40. 
      I" d6 W) o3 p: A( p0 e' U
41. /*主导航*/
    
42. #menu { border-top: 2px solid #86B9D6; border-bottom: 1px solid #86B9D6; line-height: 25px; background: url(../images/new/menu_bg.gif); width: 910px; overflow: hidden; }
    / M, n8 t6 R1 W5 F: C# t/ x
43.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
    / K) z, M3 k( G) f. {) J
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    8 N4 {8 x# ]9 S% J9 }
45.         /*首页导航*/
    
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
      ]2 m4 d$ |9 D. F8 D% o
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    / L) S% |9 F6 \) m( t. \4 m& @8 _+ k
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    0 `9 \1 z  T. y3 `2 l
50. 
    
51. /*您的位置导航*/
    % D! p9 U4 T4 C& k. ~
52. #navigation { padding: 1.2em 0; }
    ) v" p5 o) X& A/ d! w4 r( r7 X: f
53.         #navigation p { margin: 0;}
    
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    4 t# ^1 w$ O8 Z% P1 h, ^
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    # b6 h: V: R/ E; E- u& D0 a
58. 
    - u: L& B- R3 A# o, b) M# {2 Y' f
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    ) _" N2 f/ h' N
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    
64. 
    7 F# W2 p' J8 A- `$ g8 T" B! L
65. .content { /*三列布局*/
    
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    3 X& N1 P/ u0 x% Q5 P
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; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    ! u. `) }3 ?: x' P3 u4 |- b
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
74. /*侧边样式*/
    
75. .sideL { width: 296px; float: left; overflow: hidden; }
    , E' G+ }8 I& |' s% q
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    5 O) |2 a0 i& X% O3 x6 A
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    / X8 N4 f6 f8 y6 Y( a
82. /*-----------------------------------------------------------------------------------版块样式*/
    1 Z8 X4 I( O$ p! O& {9 M
83. 
    
84. /*版块标题*/
    % K5 {$ P3 g4 I& {7 C
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    4 B. n% V& q! s& j# Y( @: t
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    ' L" o- ^+ [8 j: ?8 r, c
87.         .blocktitle .more { margin-right: 5px; }
    
88. 
    
89. /*头条信息*/
    ( L7 v, E, ]+ X, w+ h
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    
91.         #headline strong { font-size: 1.2em; }
    
92.         #headline p { margin: 0.3em 0; }
    9 K4 ^; g! ?' X0 S4 ]
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    3 A' c: w) Q6 R3 Z
94. 
    
95. /*侧边版块*/
    
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    7 g( R4 `) ~+ `/ L& W& V9 W; g
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    " W5 C' W+ V. E9 u* ?
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    9 W4 g( J  ~( {. p9 v1 l& S3 [
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    , ?& O+ S1 w8 ^
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     . m0 d0 o4 }# x; M
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. 
     
104.         /*侧边多行列表*/
     
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; }
     7 \* J% E5 @$ Z: S! o
109.                         .sideblock dd a { color: #999; }
     
110. 
       K$ V8 g. n- r8 A1 }
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; }
     , K9 G* ~! }0 }0 ^1 v' h& o9 `4 `
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     $ }# w4 `$ e3 R+ Y9 l! }0 W
116. 
     ; y- X+ N# r# h* a7 @  j
117. /*多行信息列表*/
     ; o6 k) x# c5 A; j
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     3 ^3 p. F4 O/ l/ q
119.         .messagelist li { margin: 5px 0 10px 0;}
     0 j* O+ j- I: ?; z8 H0 U
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
       U1 b; h6 Q1 l5 B" Z
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     
124. 
     2 g- [6 k, S3 C- F; Y% D
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     
128.                         .messagelist dd a { color: #999; }
     
129. 
     + S! F1 t5 [/ x: Y, R& z
130. /*热门话题*/
     % P8 b9 x* A6 t5 @5 Y' G9 H
131. #hottag { overflow: hidden;  }
     
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     5 s8 x/ Z4 M0 b" i# [7 h1 m
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. /*用户面板*/
     ; R5 f& i+ k7 C5 o9 }  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; }
     * A( x( }' q  D% N$ y$ w
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     ! D5 j) Y3 N& A
144.         /*登录后*/
     ! e( G4 h) a- J2 Z! h; D( s
145.         #userpanel li { border-bottom: 1px solid #BBE9FF; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }
     
146.                 #userpanel li a { color: #000098; }
       n9 P5 z  Q9 _3 B0 Y% ^
147. 
     
148. /*空间之星*/
     
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     3 S, O; W3 u/ V% ?2 j4 `
150.         #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
     - Z/ v/ n' a0 U/ H, Y
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     ' n, L) L# ^6 U+ }9 {
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     ! N5 l8 G$ K$ @" s. Z- H! }) {( [
153. 
     3 [6 c; e( g1 ]" ~: F# z
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     , \: h6 I5 a* \' Z8 j1 I! O
157.         #cityspace select { margin: 2px 0; }
     . J6 U+ o$ Q( l. ]+ g6 d& V4 J5 A5 d
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     ( Z" B2 @7 y2 [" d) c+ k
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     $ Z! V; e" Y5 n
160. 
     0 c  r6 D0 u0 `- i/ W, e
161. /*空间排行*/
     : ]6 v2 t1 F5 t: x
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; }
     . X  I2 ~; U2 \; {' o& z
163.         #hotspace li { height: 20px; overflow: hidden; }
     3 ~6 L6 j$ i: Z: e0 V
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     
165. 
     
166. /*热门文章 */
     2 A% W0 E/ B  r1 u0 u* L) \) {
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; }
     , ^2 ^2 k% A& b$ s2 ?. E2 s
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; }
     - O! @$ r+ y8 x) r6 D5 d5 G
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     ' Z! x; O# \7 ^/ p. H
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     - z1 S' ]% G+ x
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. 
     
175. /*图片列表*/
     % X  G3 g0 ], o0 U' M+ n: x5 ?
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     - K. `$ D# f2 p! D1 B  C
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; }
     & E  r( l) D( C1 P
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
       X) `3 v2 @0 X9 P. X( X
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     & H7 Y+ J8 G9 u6 _5 n. I; r
182.                         .imgthumblist img { width: 100px; height: 100px; }
     ! Q1 z* A+ F9 |, U! g# @
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; }
     + m. E- Q2 \2 g. X& U
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     ' q! y% s+ b5 M( X1 g" g* Z
187. 
     
188. /*商品*/
     
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; }
     8 y3 n6 S3 T8 ?% {( l: o) z
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. 
     
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; }
     - A; g( h% ?9 N: F* k
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     4 A6 M5 H/ g0 `; o+ Y0 Q+ I
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; }
     3 L! ?# _; Q& |' X. y' O2 x
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     
203.        
     * R: V2 j' F, G0 g  I! ?& {
204. 
     - x+ F4 z9 u; W* l+ Z
205. /*栏目区块列表*/
     ; A* }8 L# ~6 H* n+ `
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; }
     ' D% p5 D* E  W- X& J8 J! l$ X
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     * [# s7 u3 t8 u9 l0 g; j
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; }
       J9 \: L+ G6 ^
212.         .catecommend { background: #F0F9FF; margin: 0; line-height: 2em; height: 2em; overflow: hidden; padding: 0 1em; }*/
     # T( ]7 ^6 {" V3 l8 I4 g
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     ) N7 X% F7 y1 s8 U+ l) L5 \) A
214. 
     
215. 
     
216. /*-----------------------------------------------------------------------------------首页各版块*/
     ( o/ Z! y' L0 h/ S1 Z. [
217. 
     
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     2 a% w7 @- x  d/ w6 S2 h& B
220. #newgoods, #commendgoods { height: 200px; }
     8 j) P0 F/ i' @$ s. J
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
       c  r0 I# c* p: w" r. b+ z0 R" d4 ]
222. 
     ( Q+ C% z5 j! I. g, I, E
223. 
     
224. 
     3 Q3 V/ Q; Q, ]/ }# ^# i
225. 
     
226. /*信息列表*/
     
227. .articlelist li { padding-left: 60px; }
     ' @7 k/ c1 k- ?
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     5 S( h, |4 o* R
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     
230.        
     
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     % g. w. b. L& x0 G" _
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     6 n% Z" T/ ]3 C
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; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     $ W7 G2 |) u: z, p) i, g
243. 
     
244. .catepic { text-align: center; }
     
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     / j3 i/ h2 U0 R8 W
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. 
     5 t& u7 J. `. M9 B* g
249. /*专题列表*/
     # e5 v3 t* ]8 {( c% T- i) n- t
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     $ W6 a8 D# X. I' L6 m5 i
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     
254. 
     6 ^7 u1 E& b: V# l* d" J
255. 
     4 ?3 H2 G, t& e5 a$ h5 b
256.         #xspace-rates { height: 2em; }
     6 A. j5 d* d: Y
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     " U9 h" ]2 x) S4 ^6 S
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; }
     / m( N" |7 }: C: V. A
261. 
     6 Z3 R: P8 W3 W* |* M) i. `4 |
262. 
     
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     ) U) p8 @4 o9 G; x
264. 
     
265. 
     
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     7 C! X" a  P, f+ U
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; }
     
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     # ~7 q% b6 ^  q" q
272. 
     
273. /* 分页 */
     0 J1 K* k* m7 R1 D
274. .xspace-page { margin: 2px 2px 2px auto; }
     
275.         table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
     
276.                 table.xspace-page a:hover { background: #86B9D6; }
     3 W- N& b+ d8 I: D; [  j$ E
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     . h0 }1 ]. B& Y; o0 Y
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; }
     ) j, c( _  A: ^" W- b7 K, B
285.         #footer p { margin: 0.3em 0; color: #999; }
     
286.         #footer strong { color: #007AB6; }
     9 z& D+ g: P) G# n
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     8 i5 [8 b( }4 n
290.        
     
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;}
     
294. .articlectrl { margin: 0.5em 0 1.5em; }
     
295. 
     4 x( _9 j' ?. O7 w
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; }
     2 L1 {9 p6 i& S, A  ~2 m1 |; J+ T
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     ( Q: i! m: \4 ?' {# E: s8 c
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     ) r' A% f" G/ _8 T, f+ ]5 ~1 e
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; }
     - m/ U7 p, g* r8 _, r
305.        
     0 M3 i3 y& V) @. }
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; }
     ! w0 g/ ]3 x" w7 I7 U5 `
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); }
     ) Y0 W' c' |8 l" s5 o" u
312.                         #commentlist .messagelist li div { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; }
     ! ]- K! ~5 }+ k+ ^8 [- ?
313.                                 #commentlist .messagelist li div * { line-height: normal; }
     5 d8 B( s; r" A& V3 ]' |8 Q! Y4 N8 y
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     . k* o) g2 |1 x2 G3 L. ~
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     
316. 
     7 O  E9 |' @, V" f6 {
317. /*发表评论*/
     6 [3 X& Y" l- _6 I- S3 {
318. #comment { margin-top: 4px; }
     0 ?# h2 a4 x, b8 a
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     2 g5 \+ g- |! |$ ?9 A! O
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     0 E- r* X, W0 b
321.         #comment p { margin: 0.3em 0; }
     ' W$ ^2 e  M: v' S3 R7 C# X% @7 b
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     ! Y* D2 O" q# I2 c
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     8 p. y  p: c1 g
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; }
     , p3 B3 w! i  Q
326.                         #xspace-rates a:hover { border-color: #CCC; }
     - c" ^5 ~% l' g+ h0 X$ }4 G
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; }
     + `: f: X% h( A9 Y7 g1 d$ X" ^
328. 
     & R, v. R5 i- X; u2 i0 Y8 v, e
329. /*AJAX div*/
     & h2 }- r* \/ `# X: j1 r; U
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     % x+ p" f9 I( n0 ^' L
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     5 o* `! z9 R+ [$ ?2 l- t8 m8 I7 h
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     8 C) g6 \+ W% z6 Q" X  m6 j4 T' v
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   
2. 
   - G$ I4 i, `8 _4 ^
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. 
   9 ^/ j9 c$ ^) S6 X

复制代码

/ c& D4 W( {8 b# L9 X
* i, @& y% |8 B% T分析
' c) O/ _& Q" p  ~
- _% A4 t* K3 R; C

1. margin属性说明：
   
2. 
   # ~& t0 }9 `, Q2 u- k$ E
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   8 L  l3 {8 W+ y) x0 ?! F1 z# q
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   7 n1 F! z1 P6 F
10. 外延边距始终透明。
    ( b3 s+ F0 c( T+ ?" s3 _
11. 
    2 w* t  |5 d2 v
12. color : 　指定颜色
    # o) y* h: H( b8 G* v' Z
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   . _; D+ d5 D4 g' G; h8 k1 T0 p. ?
2. a { color: #000; text-decoration: none; }
   
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; }
   
9.         li cite a { color: #999; }
   
10.                 li cite a:visited { color: #999; }
    8 s4 p  B% z. H; p
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    9 A9 J, K+ d* t; {# M5 P! x3 v
12. 
    ; y$ ?# H3 k& P7 s

复制代码

分析
: x* Z8 W% k1 D

1. 
   
2. text-decoration:文本连接的属性,一般有以下几种参数:
   - |" {% c  \) \! `/ c
3. none : 　无装饰
   $ X' a/ K- Q: l9 R  d
4. blink : 　闪烁
   
5. underline : 　下划线
   , j! D# k+ k! Z) h7 e
6. line-through : 　贯穿线
   
7. overline : 　上划线
   2 d! K! p. W0 \( V
8. 
   & X4 P  Z$ }' C; U! V; _
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    
11. 
    : g9 e: }6 U  d) H5 A+ ?
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    4 K) o% y( h3 `- J$ S' v; V$ A9 J
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    ! Q: J- M: w0 h; q$ q* B  D+ e
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    
16. 上面这两行是与鼠标相关
    
17. 
    
18. a img { border: none; }图片连接相关
    
19. 
    
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    ' ~$ J" ~8 M4 p/ b3 f
22. 
    
23. 
    
24. font-style:字体式样,一般常用参数有:
    - A2 s0 P! w$ M5 K
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    $ i) j2 i6 e% v& X+ q9 o/ U$ _
27. oblique : 倾斜的字体
    
28. 
    
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    6 x' v% z# D- s2 |7 l
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    : ^: J) N- C# J# t% y
33. right : 　对象浮在右边
    
34. 
    0 B9 t+ M0 w6 q, S
35. 
    * ]- x5 F! G( r7 I+ t) g
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    4 F* E+ Y% l) P9 F* w7 W, h
38. 
    
39. background: transparent 这个的意思就是背景透明...
    - [, a& U5 d( c6 p% Q5 t1 J
40. 
    0 m8 m  c3 t9 y, t' W' V+ C
41. 
    / g# Q$ G) ~# V* q5 h7 Y
42. 
    * m' i. ^- }( H1 i! ~
43. font-weight: normal :文本字体的粗细,常用参数如下:
    
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    & x1 a3 d4 T* Z8 G4 R
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    - V3 j! q! n! {! {- X
47. lighter : IE5+　细体
    
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    ) J. X+ A% Z+ n) X# h; C$ t
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)
    9 R, ~4 m1 i8 P  m  {& o6 A
53. 
    
54. 
    ( H0 o* w  D& J; m
55. 
    
56. 
    
57. 
    
58. 
    ( Q& G) B  c, }6 J7 }+ r; g
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   
2. 
   
3. form { margin: 0; }
   " o7 F& C9 F+ _. y' C$ C5 W, [; r
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;
   
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   7 K, N% \; T# w: K' Y" S% i8 x6 J
7.         fieldset { border: 0; padding: 0; }
   
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   0 r# n% v/ s5 o2 v* X. M

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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