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; }
   
6. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
7. 
   5 Q$ }9 ^& }; }" x$ n1 L6 X1 W  s3 U3 G
8. /*链接样式*/
   & b4 `9 T# u8 i! X$ `/ h3 F
9. a { color: #000; text-decoration: none; }
   
10.         a:hover { text-decoration: underline; color: #000098; }
    ; J: B: Z1 d0 b- b' m
11.                 a:visited { color: #666;}
    ) z+ W) B5 K" L
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; }
      P+ E* \! H1 o( T3 e; z/ z' d- e
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; }
    
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    + o9 ^# V# ^) O! ^# V9 L6 I
19. 
    , r) u3 I- ~+ }- a  F
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    ; t) j( `" ^. k5 q$ K, B
21. 
    
22. form { margin: 0; }
    0 I/ U% L. A# h( l
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; }
    . G' c; ?% J1 g$ s
26.         fieldset { border: 0; padding: 0; }
    5 [. v3 ~- d) \
27.                 legend { display: none; }
    1 X6 e1 O9 o" M3 t  h( S; i' a1 I. r
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
      ?/ I! H/ I' l5 e5 f$ G3 Y5 i$ d% c
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    
31. /*顶部导航*/
    . Y" s3 I) O9 w2 e2 _' O% P$ Y
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; }
    ) ], M1 x' E, v: A/ H$ z& J" Z  ?
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    
35.                         #topmenu a { color: #154BA0; }
    / j7 e: Z0 k  t6 v3 @2 L
36. 
    
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    0 J% k# }3 c8 R! J+ [& E
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    2 d9 v8 o/ {0 a1 _- P. R; K/ ]9 q
39.         .banner468 { float: right; }
    
40. 
    
41. /*主导航*/
    " }3 n7 ?) J# G
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; }
    + |) {0 W! e1 j4 [( \( Y/ ?
43.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
    
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    
45.         /*首页导航*/
    
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    
48.                         #menu dt a { color: #000098 !important; }
    * ^" t1 ~# C0 g5 Z. ^# |. `% r
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    8 ^$ E4 r6 n" W0 v/ r/ D
50. 
    9 T  n  c4 W5 L
51. /*您的位置导航*/
    
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    5 }: g& \3 ]1 m% d# C6 b8 I" }
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    3 D) r/ k: |: d3 c- D* c- U. [4 A
55.         #searchform { float: right; }
    * O. n6 P! C& C0 j4 y7 r+ @& l* A4 i
56.                 #searchform * { vertical-align: top; }
    6 M, r( z1 j4 K) a3 N
57.                 #searchform button { margin-left: 0.5em; }
    ; V3 a- Q* v' L6 v& ?( ]8 B
58. 
    : B. F4 k# ^3 E4 w0 y# e( A4 _
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; }
    / V! V. \* h5 c, Z+ ~
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    3 q9 \+ T% N6 V  s+ h& c& E1 f
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    
64. 
    ; o! M+ i- m) M% y
65. .content { /*三列布局*/
    
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    8 F9 d0 A, l- }7 [* R5 o
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    . V: \# Z' p/ N# {0 S( r' J
68. .contentL { /*两列布局，侧边在左侧*/
    3 S) @2 X; Q! l4 C1 [
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    : a4 C3 P, h+ w- x& d% q
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    ! s3 J! _- f% E3 y$ C
71. .contentR { /*两列布局，侧边在右侧*/
    2 a2 e1 x' J' |1 Z
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    2 ^  L9 Y( D; G" y+ {. [
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
74. /*侧边样式*/
    & [% h4 _5 D7 B- k% l! ~' b. a9 V
75. .sideL { width: 296px; float: left; overflow: hidden; }
    # n5 B8 l' c9 U1 g' U' M
76. .sideR { width: 202px; float: right; overflow: hidden; }
    ( _8 \4 y6 W! M
77. /*中间部分样式*/
    % u9 {3 Q( h7 L' N
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; }
    . {$ Y) b. C# L7 s
81. 
    0 Q0 `6 X, `' G; x1 _% J  t  _
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    
84. /*版块标题*/
    
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    5 w- ~$ |2 ^7 q- I) m7 k
87.         .blocktitle .more { margin-right: 5px; }
    
88. 
    0 i! v& N" `+ [! }
89. /*头条信息*/
    
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    ; m3 i9 p' v( L
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; }
    $ L% p  x9 ?9 G' j. k9 A% L
94. 
    4 b" v  K& ^+ K: P' H5 i2 ~1 I
95. /*侧边版块*/
    
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    " C; g, o. [. A+ H7 n
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    . {, Q- g6 ^/ |# u
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    7 S, t* a! E3 y  y% b
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     
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. 
     4 a1 }* |; O! Y# d2 }/ w
104.         /*侧边多行列表*/
     
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     % W8 G% H- i& Q
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     ( G3 B8 w/ G( i) x9 g2 R* k
107.                 .sideblock dt { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     ( |2 Q& I% @( ~/ x
108.                 .sideblock dd { color: #999; margin-left: 0.8em; }
     
109.                         .sideblock dd a { color: #999; }
     7 u/ P0 L5 |  N! `4 A! ]+ t
110. 
     
111. /*单行信息列表*/
     * |$ V# m  o7 |" c% |' u
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; }
     6 a, D* Y- V1 H# q) ]" I
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     
117. /*多行信息列表*/
       `7 N: M6 U3 x- K5 V5 G6 r
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; }
     $ v* y; w. n+ @1 c# H
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     , g/ M% ~+ D; o3 ?8 g! g
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     
124. 
       |2 h0 D: q* B
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; }
     # Q' z) |9 m# e) d/ `, @
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     ' i0 c( l+ e" K  `' z% W/ M4 Q
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; }
     7 b1 {9 |/ ]8 A3 E: r! G7 x
133.                 #hottag div { color: #999; overflow: hidden; }
     ! |8 y: q, @+ S: f6 V
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     $ k: J5 Q& K$ d* _! x" n0 T
135.                         #hottag a em { color: #999; font-style: normal; }
     # _  L2 c: |8 t% ]/ X  I7 _0 F5 u3 F
136. 
     - B- q2 v2 h8 \2 g& p# \* j
137. /*用户面板*/
     9 w& X! V$ m0 }; E0 x! c
138. #userpanel { height: 8.8em; overflow: hidden; }
     0 Q0 r2 d9 x: v4 d: O. s
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     ( d8 Z; z, u! T* P/ f  ]
140.                 #userpanel input { width: 90px; }
     
141.                 #userpanel p { margin: 0.5em 0; }
     4 y, r+ J4 ?1 j0 K
142.                 #dologin { float: right; }
     
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     - T! \9 s8 }9 g! C8 r" @+ S  ^& d
144.         /*登录后*/
     : q$ k- _8 j$ @* H* Q: i4 f
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; }
     
147. 
     
148. /*空间之星*/
     - g% C" _0 P% U% ?, I  D
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; }
     7 F$ C" f1 T, W
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
     
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     / f: m; P$ ~) F! N
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     7 f' _0 B/ H+ v4 p. B
157.         #cityspace select { margin: 2px 0; }
     4 S* \; b0 F; n% i
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     . \; W! W+ u5 [$ W/ ?' N2 w& g% J: P
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     ( G1 n$ t  N( i* U3 v
160. 
     ( {+ G) Y" C+ E
161. /*空间排行*/
     
162. #hotspace ol { margin: 0; padding: 0 0 0 20px; line-height: 20px; background: url(../images/new/hotspace_bg.gif) no-repeat; list-style: none; }
     
163.         #hotspace li { height: 20px; overflow: hidden; }
     ( ]$ A+ P% T8 f6 B
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     8 x  x% g6 J' ^4 y# M7 @9 U
165. 
     
166. /*热门文章 */
     
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     - k& Z- D) p  y& i; ]( y4 s9 A
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; }
     ! H, v( u, C( {! H1 X& e3 U
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     % ^) D3 v$ q6 ~, ~; V" J9 S
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     ! \: @# f0 ?  {  v
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     
173.                 #hotarticle li { height: 1.7em; overflow: hidden; color: #999; padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
174. 
     
175. /*图片列表*/
     ( d, Z! N$ k: a, F; A  }
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     & S. |$ m- z. b+ k: p. {$ D
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; }
     
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     6 u3 F1 N# t# I6 ~
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     
182.                         .imgthumblist img { width: 100px; height: 100px; }
     
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     
185.                 .throughgallery .imgthumblist { margin: 0; }
       s( F2 d& C  \, |4 {
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     
188. /*商品*/
     $ D8 H( Y2 H) K5 x
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     ( a  T0 F2 l4 j  b/ b. K5 m* w2 x
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; }
     6 z4 z" j, A, K; q$ Y1 {- M8 f
193.                         .goodsthumblist li p { margin: -3px 0 0 !important; margin: 0; height: 1.5em; line-height 1.5em; overflow: hidden; }
     / ~8 ]# S- o0 z0 _6 k
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; }
     5 h4 \4 m2 T2 W% t" W8 _1 V, u
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
       C1 E( c, P# ^, J( g6 D& Y$ [
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; }
     ) K: I: e" L) |3 Z* f2 y
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     ; [0 T8 b! C6 z4 Z
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     - N' X1 q7 V" n: [2 W6 k% r; L
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
212.         .catecommend { background: #F0F9FF; margin: 0; line-height: 2em; height: 2em; overflow: hidden; padding: 0 1em; }*/
     
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     
214. 
     
215. 
     - }6 [7 F, S$ E; ]
216. /*-----------------------------------------------------------------------------------首页各版块*/
     ) u3 `% y/ p. O/ y4 o( E9 K/ v& S
217. 
     
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     % z% }9 I! r4 `4 L8 t  C# G4 i  S( G
220. #newgoods, #commendgoods { height: 200px; }
     0 B) U  |* G5 _, |
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     9 c* q: W" k/ N/ Q
222. 
     
223. 
     , r8 \3 T9 \9 v5 W1 z1 O
224. 
     8 A  J$ l2 N7 ?  f: w2 M
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.        
     
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     6 X" Q% I1 D0 B
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; }
     
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.                
     $ D  V* z9 A/ \) C3 z8 [# |
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     
239.                         .articlelist li strong a { color: #999; }
     4 W+ k' O( D1 m( K
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
       F/ f6 d# I7 l1 }
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     . |* H! _0 q% f
243. 
     / `$ p# N6 S3 u8 _, J
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; }
     " K5 o7 }! }- P: E6 _4 A
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     $ v9 }! |8 u$ H7 n# h* [
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     
254. 
     % o$ {, H" w  l
255. 
     
256.         #xspace-rates { height: 2em; }
     ; A7 `4 M; T) \4 }7 |
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     
258.                 #xspace-rates a { float: left; border: 1px solid #EEE; text-decoration: none; width: 20px; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; }
     
259.                         #xspace-rates a:hover { border-color: #CCC; }
     2 G& \% {# T" |/ Z
260.                         .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }
     
261. 
     
262. 
     3 B0 n: A! e0 e% e/ ^
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     ! m. g2 _# p& W# l2 Q
264. 
     
265. 
     0 y! Y- A) P% X( \8 t4 @
266. /*Pages*/
     * b- |/ q; e  K8 g) L3 S+ K" W+ s+ c
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     6 ?7 o7 ]+ O4 |( i
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
       {  S) A- c1 v8 S( Y/ q. Z
270.                 .pages a { text-decoration: none; }
     ( D8 u9 A8 z) J& [. q& A
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     ' u4 s. W5 H: [
272. 
     $ X7 n) s/ E1 p, e
273. /* 分页 */
     
274. .xspace-page { margin: 2px 2px 2px auto; }
     : q# |) q+ k& c6 `
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; }
     & ^% ~# v  @0 d/ E3 d! L
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     4 w+ ~% Q3 b$ x3 T! ]) ~- \
278.         table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }
     ; `1 O# `% s/ W! t
279. 
     9 F9 A$ e0 ^+ R+ x) T9 W' ?
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
282. 
     
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     4 o' ?7 a3 H+ G% X1 }
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; }
     1 y, V# \3 k, c" L4 z8 A$ {
286.         #footer strong { color: #007AB6; }
     
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     7 s9 w1 R& x5 }; Z  d! t& V
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     
290.        
     : l  k& U( `( s
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; }
     # o6 b( m- {7 ^. k6 m1 Q
295. 
     
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     / O5 Z  h; b& p2 g( l& I: [
297.         #articlebody * { line-height: normal; }
     % ?" t1 x, E0 b3 k* p5 \
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     4 L9 ~- q( H# @- T2 M1 t
302.                 #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
     1 Y6 i% j$ n. j6 s/ R. ?
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     - a; r- u4 [+ U  b. d% w
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     3 i6 ~; S) k+ e1 Q% ^1 K  q9 ^
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     6 a4 K1 v  N  j* _/ E9 f
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; }
     & U! q( Q$ B. `4 x0 a( |8 [) @, ^& X- x
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; }
     9 ?2 Q* T4 }: n( t) r
313.                                 #commentlist .messagelist li div * { line-height: normal; }
     / o' H3 h3 |4 N& h, F2 [
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; }
     6 @3 _: Y3 L+ L7 I/ v  l
316. 
     1 v4 u. ~# x' i0 N0 o
317. /*发表评论*/
     
318. #comment { margin-top: 4px; }
     
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     ; \2 M4 X' ?# A6 y: m
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     ! `" a1 @* ]% P5 H2 [
321.         #comment p { margin: 0.3em 0; }
     
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; }
       b# ?# [- \$ n) y0 m
326.                         #xspace-rates a:hover { border-color: #CCC; }
     
327.                         .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }
     5 C: G0 I7 J4 x7 @
328. 
     7 G; [9 p, d$ S. f# l
329. /*AJAX div*/
     $ D# U  ~* b0 K" r
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; }
     + M( c) l" B) H* u# v6 ?1 @
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     / j  _, w  P& f! I$ N: T. _1 V
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   
2. 
   & ~, l- X+ ]; w
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; }
   . @7 f0 k7 `8 O5 x. P+ t4 j
5. 
   

复制代码

, r' x( Z; _" s8 O. C' }' O
9 M8 e! u( t6 r. l; P, q分析

1. margin属性说明：
   ( c6 K2 g2 M# S/ t
2. 
   7 L3 [, j: G! }0 q$ @
3. 检索或设置对象四边的外延边距。
   3 {) s4 i) R+ k* I2 D
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   ' ?0 T/ ?/ Z- U: {; K5 w& }
5. 如果只提供一个，将用于全部的四边。
   % x: X" Q3 P- E( |: E9 t
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
     [3 c0 w& q- K
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   - L# N1 v) I3 ~
9. 在IE4+，margin属性不可用于td和tr对象。
   4 I; A7 w9 _+ c4 \; A
10. 外延边距始终透明。
    
11. 
    
12. color : 　指定颜色
    ! K/ R+ b3 g$ W+ h
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    6 W$ W, s% ^: \! a
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    6 O' c/ [8 B# N: m
15. 
    ) j9 m$ @. Q' [2 z2 W, E+ V
16. 
    : {1 u5 u6 W( Z, U4 {* [1 ~

复制代码

傲天♂浪子追风

1. /*链接样式*/
   9 d# l# C* `; U, J! B$ {% g1 a
2. a { color: #000; text-decoration: none; }
   # }" `" E( ^, D, R, ~
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; }
    2 S7 G: S7 c0 y
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
12. 
    6 R) a; W* t+ @, {4 U) F8 C

复制代码

2 W% S' E8 `' J- W4 X/ Y" r
8 K" d6 w4 U, }% G; E# O! H0 ?. Q/ b( Q分析

, {, D2 t+ ?; P! y3 i! ~

1. 
   
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   4 Q+ ?2 j3 W4 N" Q% q
4. blink : 　闪烁
   0 f# ^2 g4 H! G! c! B
5. underline : 　下划线
   
6. line-through : 　贯穿线
   3 P( J9 q( B; S! E
7. overline : 　上划线
   , J' I! U" q. Y' W
8. 
   0 g# ~  L( e; U3 [7 y
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    : y  p- y, f: ?) O" f7 C
11. 
    + Z4 N4 O5 c; e" D$ o; v$ ~. j' g
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    5 T# b% I- m- c$ L1 w2 R9 e
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    
16. 上面这两行是与鼠标相关
    2 K9 ?+ A& `6 U7 }* w: Z+ A
17. 
    6 F( |! a% \3 A- i# h
18. a img { border: none; }图片连接相关
    6 `0 ~; t( q. W; A  |
19. 
    & P7 H$ A7 }# t4 a/ |8 B' }
20. 
    ' I: @% S0 m3 [, w' _6 ]
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    , |. V% J9 t, _& h4 P( q1 w7 a
23. 
    4 Z7 N: q6 z2 ~' c5 d
24. font-style:字体式样,一般常用参数有:
    0 D  }3 K8 Z) z0 P7 r. y+ C- E
25. normal : 正常的字体
    6 j& x: Y3 \9 {( ~# y8 V' |5 P
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    5 [" y' q$ [+ Y9 t* l
27. oblique : 倾斜的字体
    6 n% Q$ y- F. f$ F0 \* N
28. 
    
29. 
    0 y2 W7 C) S" v+ f5 T$ ^  D
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    
33. right : 　对象浮在右边
    
34. 
    9 p3 r6 t/ C2 C; l9 F. F
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    9 l# k1 F9 t7 I" O; V* n
37. 
    
38. 
    
39. background: transparent 这个的意思就是背景透明...
    7 r" b* {+ s+ @5 J# g
40. 
    3 J5 \! a  w0 y' W
41. 
    
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    $ t$ Z1 J9 D* |# L& k
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    
47. lighter : IE5+　细体
    2 @4 w' ?* c- ]
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. 
    1 Z# ^/ F# P% i+ u- Z2 V9 O4 Z
54. 
    ' w8 L! p2 o* p4 c& j6 j
55. 
    3 p- P' Y! i  o$ n& [7 P
56. 
    
57. 
    5 l, L4 `6 l- O6 S& u/ R
58. 
    
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   . b: h4 {  d: K  [+ ^
2. 
   
3. form { margin: 0; }
   7 r( D& x% G/ l7 R9 _  S
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;
   ( X/ G! Z% n" L5 B. E' V
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; }
   5 D4 |# w5 v7 s

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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