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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   
2. #newsblock { margin-top: 4px; }
   
3. /*-----------------------------------------------------------------------------------综合设置*/
   
4. 
   
5. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   : l1 u# s$ ]0 `) e6 f/ y
6. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
7. 
   # m* m# `/ X; }; F/ F. S7 K
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   6 b0 \: r. T; n! m
10.         a:hover { text-decoration: underline; color: #000098; }
    
11.                 a:visited { color: #666;}
    5 \! c7 H) g# E2 p4 N, A
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; }
    ' ]7 U& E9 c  R% v* s0 Z5 ]2 {
14.         a img { border: none; }
    / d- s% ~% L1 Y( z: N4 s) k
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    % f: v9 W, [$ \. F% l% p
16.         li cite a { color: #999; }
    
17.                 li cite a:visited { color: #999; }
    & K6 n% V( d/ Y. h+ O, \0 z
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    + Y7 o. G9 c$ [0 D2 M1 _" v3 Z1 G
19. 
    , H4 }8 q" R  v2 F% u1 E
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    
22. form { margin: 0; }
    ) i- }/ H) J' n
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;
    
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    
26.         fieldset { border: 0; padding: 0; }
    " J, {! A8 |7 ]; {% h. }# y6 L
27.                 legend { display: none; }
    
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
    $ ?# \6 q+ b& C& ]: Z8 \( B
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    6 ?* ^" y0 v0 m
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; }
    / c0 Z6 z. k0 `* d# t; G4 x
35.                         #topmenu a { color: #154BA0; }
    ! Q9 t8 B: i0 e5 b
36. 
    $ ^2 W; {8 `' Z9 m$ O8 a$ Z
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    / b! N' e% x* J3 N
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    + A% _* k/ e  h- O6 x( Q
39.         .banner468 { float: right; }
    6 T4 G: h. M$ c. k3 y- o/ p
40. 
    & R$ G; i- g- K1 ]$ q, Q3 o
41. /*主导航*/
    1 S2 Z+ Y, H' ?$ N' Z8 l2 z
42. #menu { border-top: 2px solid #86B9D6; border-bottom: 1px solid #86B9D6; line-height: 25px; background: url(../images/new/menu_bg.gif); width: 910px; overflow: hidden; }
    
43.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
    
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    6 Q) G, U/ E7 w
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. 
    $ e9 Z: E' w4 f5 ^0 H
51. /*您的位置导航*/
    
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    
55.         #searchform { float: right; }
    / r* C  C7 |3 S+ h
56.                 #searchform * { vertical-align: top; }
    6 E% v. m7 @; Y* _' P: l
57.                 #searchform button { margin-left: 0.5em; }
    / C3 B9 N/ C9 G
58. 
    
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    ; M, r3 Q6 x( J0 {" }: y5 v; t
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    ; U2 @+ p! b* p2 U$ _
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    4 l& A3 X# p+ e+ y7 W; }/ K
64. 
    
65. .content { /*三列布局*/
    : q) {; I1 T' z. l/ R* e
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    0 o. {9 Y6 i( \$ \4 s8 ]6 M# M
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    
68. .contentL { /*两列布局，侧边在左侧*/
    6 E4 w; c  d/ Y% @* ]0 r  e4 g
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    1 j; \9 O3 _7 l1 b7 v4 ~( Z9 O; `
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
74. /*侧边样式*/
    ; X3 s6 V: G# g1 e2 L3 a
75. .sideL { width: 296px; float: left; overflow: hidden; }
    $ t2 H! b1 G# i' J$ ?! u; Z9 r
76. .sideR { width: 202px; float: right; overflow: hidden; }
    + S8 j1 @* M  H7 F* k
77. /*中间部分样式*/
      M" p4 a2 Y, F7 V. m
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    ! f8 b% m5 L! I; L$ `0 c
82. /*-----------------------------------------------------------------------------------版块样式*/
    & |0 _! u. n0 v( C1 D% Z  [8 [
83. 
    & \0 _: G! w4 K7 e+ Q
84. /*版块标题*/
    % w2 P7 i0 V( W8 a
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    " y/ _  ~" O, b* x% c5 O1 p
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; }
    
88. 
    + m  S. n* k0 `: `
89. /*头条信息*/
    / A/ d9 e5 ~( z( r* m
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    3 c4 i' a7 \, u" c5 o7 r
91.         #headline strong { font-size: 1.2em; }
    
92.         #headline p { margin: 0.3em 0; }
    
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    
94. 
    # ]- l/ X! P5 Y' p4 n- r. o
95. /*侧边版块*/
    2 v% B  S5 v% }* ]5 L: [
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; } /*简单版块*/
    2 e3 V! V2 i+ y. P
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    & M3 E2 z8 I! T. u
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     9 p  Y9 Y, l* G$ ^; p
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     3 f( Q8 J7 U* ^% X3 ]1 a
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     
103. 
     0 `/ v: h! H" A' }! I: I
104.         /*侧边多行列表*/
     
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
       \/ \0 Z, Z* C5 q* D
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     + O  i! }" P3 |1 C. w3 n
107.                 .sideblock dt { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     " x* P- D' \9 |0 ^% U
108.                 .sideblock dd { color: #999; margin-left: 0.8em; }
     
109.                         .sideblock dd a { color: #999; }
     & g& z& U" X4 C9 M8 Y5 ~4 R+ |
110. 
     5 u- ^9 O# M6 Q7 D, m9 W
111. /*单行信息列表*/
     * {7 [/ p  P* c& e8 }
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; }
     , ]2 U) c# B6 @2 y
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     & R9 @# |5 {" A. w1 S3 @) M: d
115.         .sideblock .msgtitlelist { background: #FFF; }
     . C5 C# w8 c% b; }- K' e# M  R
116. 
     
117. /*多行信息列表*/
     3 G' U7 \+ S* m5 \* x' N' L
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     9 Z6 A9 n% w% V( d9 q
119.         .messagelist li { margin: 5px 0 10px 0;}
     2 R& U& f7 e" e  G. v$ H" Y
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; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     
124. 
     7 k: `8 l8 Q6 I* |4 f) ^
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     ( `7 z5 |& L7 `& I( Q- _; C, r
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; }
     
133.                 #hottag div { color: #999; overflow: hidden; }
     
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     " a. e+ T& S& ]0 }* ~( V; `
135.                         #hottag a em { color: #999; font-style: normal; }
     / h- E) D2 P8 D( F: D: i! }: R
136. 
     3 j5 H- ]6 K- ~& o# N
137. /*用户面板*/
     5 ~% T/ o- V" D( z- h
138. #userpanel { height: 8.8em; overflow: hidden; }
     ( n, R  M. ]3 U
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     / f  V* w! l; x
140.                 #userpanel input { width: 90px; }
     ' `2 ~- [: ?3 A7 \2 x3 Y
141.                 #userpanel p { margin: 0.5em 0; }
     ( m* [) l& V' x/ J6 k
142.                 #dologin { float: right; }
     * l/ f1 x0 Y0 v0 r" j, ]' s
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     , r5 Y& ~2 e5 x) }
144.         /*登录后*/
     3 F7 ?! z. r% h' X, D
145.         #userpanel li { border-bottom: 1px solid #BBE9FF; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }
     " E: A) Y% Z, U- m
146.                 #userpanel li a { color: #000098; }
     / W3 z/ j$ R0 T7 e# G" q7 ?  t) R
147. 
     
148. /*空间之星*/
     
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     * o7 \! w3 f" p' ~5 n
150.         #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
     : k- d- o* `7 c9 f
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
     
154. /*同城空间*/
     ' N6 j/ W7 B7 j; Q% g" R' X" f/ G- b
155. #cityspace { background: #F0F9FF; }
     
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; }
     1 e# n/ ^( l1 @! E' }  K/ m
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     ! O8 ~1 \8 }, ?: k4 m
160. 
     " }- l4 V1 W! r
161. /*空间排行*/
     3 t; a1 g5 D8 o' J( c% o" U
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; }
     ( q" w$ |3 x1 z+ l# @5 r4 r
163.         #hotspace li { height: 20px; overflow: hidden; }
     * U4 U1 u# X3 h" B
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     + |' a6 @- x1 k# ]( v; J- g
165. 
     ! g! e+ L3 w2 A9 h7 \
166. /*热门文章 */
     
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     6 a0 V' k/ I! T* ?/ A( L3 l- A) H3 |8 n
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; }
     . g9 F) S- Y3 j* |
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     4 h( N* x- U; d; Z
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. /*图片列表*/
     
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     / U' Y! D, |& s: z& E
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; }
     / f. V+ X; y% M5 I7 s1 [
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     7 K  K$ X2 r$ f/ O& ?' @/ t
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     ; u! ~' W6 c1 o5 |4 M0 I
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     
182.                         .imgthumblist img { width: 100px; height: 100px; }
     1 P+ O; d, d$ {7 W. E
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     4 @4 l% N, l; {% ]: E
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. 
     1 @5 S% J9 \; @+ b
188. /*商品*/
     8 o1 B4 t' q' ^+ k
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     ' Y3 Z* P6 H! P' R
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. 
     
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
       y8 d* A1 G  @' c; d1 r
196.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     / u0 b4 @  S7 x4 k! i. p' ~) X6 g( n
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     , v3 x, M+ Y- G, R
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     ( ?$ ]9 v" r& H% i
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     ( C: O5 t$ \" A" G% l0 Q
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     * _3 V/ \+ p4 {6 }1 j3 p
203.        
     
204. 
     
205. /*栏目区块列表*/
     
206. .category {  margin: 4px 0 10px 0; }
     
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     ) _( {: }% A* }  r0 I6 _
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     4 W  _6 O( A7 Z! X4 {# i
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     6 o1 j1 U9 @% I/ I/ Y; N
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     7 I9 D7 G0 `0 T( f6 k
212.         .catecommend { background: #F0F9FF; margin: 0; line-height: 2em; height: 2em; overflow: hidden; padding: 0 1em; }*/
     ' p0 l0 h0 w7 H4 i6 k. M
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     
214. 
     ' s7 Z* Z' q- t0 Z8 S/ I
215. 
     7 v& k- Q* u6 z. k; i- V
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     
218. /*#commendimage { height: 155px; }
     ) b( ~  Q8 i+ m  M- p/ q$ B
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     1 L8 v. f. W* G( `! q
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     ! L1 E8 ^: m5 ^7 `$ r
222. 
       ]3 E. A- B- }. e! l( ^/ M9 D9 s5 K
223. 
     
224. 
     . O$ O6 _8 Y2 q
225. 
     
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.        
     6 B. v  v9 }4 n
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; }
     2 s5 y! K# M" P3 a- w" T0 q
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; }
     
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. 
     . w" i- |+ H7 M! t; h% q6 Z
243. 
     " l3 h& o* F1 b/ g
244. .catepic { text-align: center; }
     . H' a6 c8 J) S1 g: p/ j
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     / N3 D( @, E2 p
246.                 max-width: 150px; max-height: 150px; width: expression(this.width > 150 ? 150: true); height: expression(this.height > 150 ? 150: true); }
     2 ]3 W: Y- Q$ f$ f2 H: W( |1 X
247.         .catepic p { text-align: left; margin: 0.5em; }
     - ?1 O% u' _& U3 W
248. 
     ; L( c' t6 M$ d; L1 G! J* l
249. /*专题列表*/
     ( t7 E5 j1 k/ r2 \
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; }
     . o9 E' Q; \+ [2 Z9 m7 f
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     6 z) ~  A3 w  a& ^  ?/ v5 I0 ?* f
254. 
     , w$ P' C: ^5 G% _
255. 
     
256.         #xspace-rates { height: 2em; }
     7 m) q. Z: W1 x% o- M' d1 v
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     ) ^2 y/ ^0 K6 J6 M1 D+ ~
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; }
     + T0 B8 g/ J0 `6 Z( I+ \
259.                         #xspace-rates a:hover { border-color: #CCC; }
     ' Y6 P  P8 P/ I
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; }
     & \5 n% O% Y6 l- l
261. 
     
262. 
     + n9 _8 p# t0 A# W$ ~
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     / D5 D+ i9 z2 b9 Z+ X( Y$ Z- J0 b6 t
264. 
     $ }- v' U, @: e
265. 
     * D' r; L% b1 H1 D3 P7 W
266. /*Pages*/
     2 @0 h+ ~" @) e  T
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     9 h! d" @  q6 @: R( I
272. 
     
273. /* 分页 */
     : q* R! q- e6 a8 }
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; }
     4 {! a) B+ a( ?+ `- y& f
276.                 table.xspace-page a:hover { background: #86B9D6; }
     9 e8 V& Q6 d% b- e" x2 `
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     ( i( d8 u% t+ {; G
278.         table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }
     " `  s' ~6 e: }1 \/ q% J
279. 
     3 P. A% i! E0 o8 B
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     $ _4 y4 r2 Y  E+ R, A3 d/ s
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
282. 
     
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     # F. e1 ]3 ]8 `: d, _6 P. @
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; }
     3 |/ M. d/ J4 `
286.         #footer strong { color: #007AB6; }
     & v% X9 J3 }1 g1 k" E' v" k
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     % }; ]2 N! `5 k3 ^* P* E  n
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     0 M1 F3 u, r. c) n1 ?, `* p' Y
290.        
     # B7 C1 D' ]( X$ \0 [
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     ) w8 J& a2 G% T' f0 {
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     / @+ }0 m4 x, Q; w# P4 |
294. .articlectrl { margin: 0.5em 0 1.5em; }
     
295. 
     
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     % B7 P; e( J' T+ X% {1 r
297.         #articlebody * { line-height: normal; }
     ' A) L" F. j+ C  I$ c- ^% z% z
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
       G7 [9 j* O4 F$ e/ d& u
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     5 d8 y+ V! k3 @, I# u5 ]) r
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; }
     " p8 O" B/ p! M4 o
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     ; W3 V) E3 O2 n0 E  F
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     3 _2 c% y2 ^! {
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     7 n. }" ]5 y, ]( e9 s
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; }
     7 j" f# a' P5 z
311.                                 #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
     ( F% V1 X1 I: B. Q- l8 R
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; }
     * @* k5 G! ^' u  T( y
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     
316. 
       W" u5 e9 _- `" t" ~8 X
317. /*发表评论*/
     " ?3 G: a  c9 O7 i6 K
318. #comment { margin-top: 4px; }
     - T; y; E7 w- r# g' ?
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     : J9 h6 n$ F! }7 c( d, v
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     , I) v$ T6 ?; i* k0 k
321.         #comment p { margin: 0.3em 0; }
     8 S9 D0 o8 E8 s8 t
322.         .seccodeline * { vertical-align: middle; }
     , \# _) j  f2 f  R4 X; D. o6 K
323.         #xspace-rates { height: 2em; }
     
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     & E: W* s- t5 C) Y/ u3 Q: j
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; }
     $ @8 g' u$ T& @6 l9 U
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 A+ o* R/ x" \# J3 L! O8 d4 D" G
328. 
     * q& L% p$ T, p" ]9 P  P/ P& r6 W: T
329. /*AJAX div*/
     / ]) Z/ O+ v8 `; ^! n( ?
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; }
     
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     8 }( r/ J* h8 ?7 \  X
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   7 y+ Z) s6 s2 V8 a  @8 S9 B
2. 
   / P$ w3 m) c+ @' }6 c" s' x7 p
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. 
   

复制代码

4 ?% Z) ~7 B5 \9 w4 e
# h& b: v# s: D7 M4 Y分析
8 W. d4 }. [; [4 K

1. margin属性说明：
   & }- Q3 R3 Q: ^; M* B( `7 J+ r
2. 
   ; h  B8 W" L  @# g
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   / f5 f7 X) y* J5 e" m- I, K) L" p
5. 如果只提供一个，将用于全部的四边。
   3 }, ~( [( `3 c1 K+ n& n( k3 x
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   5 }2 o, }6 h$ I0 X% j
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   % u% _3 U% n3 A' {  L
9. 在IE4+，margin属性不可用于td和tr对象。
   4 E" b' o" J' k
10. 外延边距始终透明。
    $ @6 O) _5 R% }, p
11. 
    ; w1 k9 b% p" D9 m9 Z
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    & _2 O9 B/ t0 \8 Z8 U
15. 
    
16. 
    % y" m% G+ W. ]

复制代码

傲天♂浪子追风

1. /*链接样式*/
   $ t6 O" o/ {( ~6 R, J, O
2. a { color: #000; text-decoration: none; }
   - ^3 t' `  P+ r* ]0 c* e+ D
3.         a:hover { text-decoration: underline; color: #000098; }
   9 a; ~' _+ v: I: S
4.                 a:visited { color: #666;}
   * Y8 m3 O" f: W7 z& z
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
   ! h- B$ f$ E- s+ R
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   6 E5 p% U1 w; y% r/ f, P9 J% A
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; }
    
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    # c" X8 x. D/ A$ E- m
12. 
      V4 T$ w$ |5 W0 \

复制代码

' H: I! `+ a4 D分析
; ^" r6 R# R* C4 ?
& U4 L8 B( i! d+ l: A. q, b% c

1. 
   / b4 m' Y3 o, r% m% ~
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   & X! P9 X( N: ^7 s2 o  q
4. blink : 　闪烁
   
5. underline : 　下划线
   
6. line-through : 　贯穿线
   ; }: a; X, P& x& w7 d$ `6 c( Y
7. overline : 　上划线
   
8. 
   8 E- V  \8 c4 e0 A7 X
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    ; D' i) S2 _  g! X
11. 
    
12. visited:对象在其链接地址已被访问过时的样式表属性。
    8 Q% ]7 V% D/ V4 Q
13. 
    
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    ' n' e! A2 |5 k+ e  @
16. 上面这两行是与鼠标相关
    0 B, ~* i/ J6 e
17. 
    2 r5 B) N8 I" a1 }" T" R" w1 }; }5 W
18. a img { border: none; }图片连接相关
    . Q9 [0 W  T- u, b, R
19. 
    
20. 
    6 K& O5 |6 V) V! u
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    : r5 `! |! ?( k: O
22. 
    9 o. |( S+ x* m  h0 {1 E% J/ ~- |
23. 
    
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
    % x9 L3 ~8 |( w; F" ?
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    . n. G6 z" k) L! @' {
27. oblique : 倾斜的字体
    ( M3 U0 _! }) a
28. 
    4 F4 f4 m# |6 _" }
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    * x; ?8 k/ ^5 {- M, Y3 J
33. right : 　对象浮在右边
    
34. 
    
35. 
    . j& j* k# }* a
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    
38. 
    7 F6 Y! v5 k. r; E* x# H" m
39. background: transparent 这个的意思就是背景透明...
    
40. 
    
41. 
    
42. 
    # `. V7 K" ?( m9 u- e# z$ B( T
43. font-weight: normal :文本字体的粗细,常用参数如下:
    7 t7 d* J3 L7 J# J4 u+ V
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    2 m0 e6 }$ f7 Y* ?4 V5 N2 L6 g
47. lighter : IE5+　细体
    & O* {! m% O, D+ |0 ?. N
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    
51. 语法：(每一竖隔开为一个状态)
    
52. cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)
    
53. 
    3 ^. G0 r) T0 @* R+ y
54. 
    " `+ s$ n& Y" g# L
55. 
    ) E% e& b) P5 I
56. 
    
57. 
    
58. 
    
59. 
    0 D5 T( Z2 z2 W6 E; d" c' o

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   * @) q! X) Z# b! q, `1 r
2. 
   
3. form { margin: 0; }
     S8 ~$ L2 ?4 z' f6 r
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   ( x: }7 _! {) E. M$ J
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   5 Y$ [1 c9 X1 T% d3 ]
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   9 `* }% k* L, x+ U) t
7.         fieldset { border: 0; padding: 0; }
   
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   ) T# R7 z6 k& m+ X6 y/ o2 Q( V

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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