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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   
2. #newsblock { margin-top: 4px; }
   
3. /*-----------------------------------------------------------------------------------综合设置*/
   ; P& {+ q, g  _, C* d
4. 
   ! q: N3 d4 ~1 D
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; }
   + @' ?3 u6 U! W9 u$ m
7. 
   ; j) O/ m3 M. t/ J8 K0 h
8. /*链接样式*/
   2 z1 _" _4 x& q6 l" x/ c1 v
9. a { color: #000; text-decoration: none; }
   
10.         a:hover { text-decoration: underline; color: #000098; }
    
11.                 a:visited { color: #666;}
    & J/ y. l  y4 B7 q
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    $ p0 x$ y, g4 m% B) T6 Y
13.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
    ; S6 J/ m- h5 i6 v; [
14.         a img { border: none; }
    ) ]5 B5 N0 C9 I2 o; k$ e& ]6 {
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    
16.         li cite a { color: #999; }
    . A. \2 V. p' u, R
17.                 li cite a:visited { color: #999; }
    : p8 R. m4 k' `/ ~% F  n, ?
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
19. 
    : x7 G  q, F! n
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    # E) O: b; r" }: u' T2 V1 C5 {" O/ r
22. form { margin: 0; }
    + L, X1 I0 P* \  m% N$ R
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;
    " @; _7 |8 j9 V- r! h
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    " i4 {& t$ b6 A. b
26.         fieldset { border: 0; padding: 0; }
    
27.                 legend { display: none; }
    
28.         label { cursor: pointer; margin-right: 0.5em; }
    ' @- o8 y/ Y. i. m7 N/ Z
29. 
    + H9 A) R& I, C( e  R. P
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    : X$ V0 ]" y3 \" W( @- q
31. /*顶部导航*/
    ! T" E  w. m) _' A4 B8 q; \
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; }
    . F8 s& ?: {1 q, N3 ^. c' H8 g
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; }
    6 A- u1 r1 O% Y2 i
35.                         #topmenu a { color: #154BA0; }
    # w$ ]! R/ f. _, K% X0 E% F4 s
36. 
    
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    
39.         .banner468 { float: right; }
    , d/ D9 q& |( ?' A2 q
40. 
    
41. /*主导航*/
    / P0 [- C. j8 S( X' s. E3 X
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; }
    1 i" p6 A# x* ~6 y7 T, x
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; }
    5 j# {" @; _4 N( P! c
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; }
    . M* H7 v$ t* C# E5 x
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    6 J; e& E% l4 K
50. 
    
51. /*您的位置导航*/
    
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    : w6 {3 v/ n! a0 S, {+ m
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    
55.         #searchform { float: right; }
    ! c% M# x- U% M+ q5 {9 p
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    
58. 
    0 o; F* _& t2 `. q* a& t
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    + Q. v  F7 H- |9 `) F0 M
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    
62. 
    , |+ d7 k7 g! ?% b
63. /*-----------------------------------------------------------------------------------布局*/
    * H7 Y( c" s1 _8 `4 u) Q0 F  e& r
64. 
    1 B& v4 @' }  c( F2 S' f
65. .content { /*三列布局*/
    
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    1 ~2 O4 |: z0 q6 h4 z
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    
68. .contentL { /*两列布局，侧边在左侧*/
    + y3 [$ N1 G8 F: y& `
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    ) a4 r9 K  T5 |
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    6 I/ \( [& K1 h5 l5 [
74. /*侧边样式*/
    
75. .sideL { width: 296px; float: left; overflow: hidden; }
    - s) W6 g( s5 g2 W
76. .sideR { width: 202px; float: right; overflow: hidden; }
    - R, \/ x- g) i( P' r
77. /*中间部分样式*/
    
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    * T# M0 K7 ]/ k; Y& h
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    # l" S$ F8 k1 \; }
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    
84. /*版块标题*/
    8 R+ l. d6 N1 y9 @3 b0 P
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    5 f( r0 \5 t6 Y( x5 H) v
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    / o/ h- o# d+ U# y
87.         .blocktitle .more { margin-right: 5px; }
    ) ~; Y+ D( c# I+ o9 N
88. 
    2 l! L9 x' Z! g3 V# ~0 e
89. /*头条信息*/
    
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; }
    
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    
94. 
    
95. /*侧边版块*/
    
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    % }+ l2 F- K" T- D0 B" j5 k4 `0 u
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    : L: R5 z* N' c. [- `) H  I" Y" u
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     4 o/ B) ^" O; Z. U
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     $ I) a3 x4 m9 A5 J' r6 T
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; }
     , C4 c: ~# z8 `
109.                         .sideblock dd a { color: #999; }
     
110. 
     $ x* `3 a8 b  Q, t, A% V
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; }
     0 r' {$ e: L2 z$ v1 Q4 u
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     " p+ K. B5 ]' d2 g. E
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     
117. /*多行信息列表*/
     9 k5 X7 B+ t* q  v( n  k) f
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     " |  C/ {& r4 F8 d( t/ I7 @# p
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     . G. a9 W  ~$ N: `3 T
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; }
     $ B9 e. H9 g$ j/ w, I" P; e; }1 B
124. 
     
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; }
       b- m/ C  f" i* f( @4 p
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     
128.                         .messagelist dd a { color: #999; }
     ; ^% i7 V/ j. D4 T( R
129. 
     6 E  t& g- F: ^- |* e' \0 x
130. /*热门话题*/
     $ D% \% [+ y  r+ X) _' o
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; }
     4 g- Q. W8 [, P5 \. \6 M& h
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     5 A5 m+ A2 ]5 Y
135.                         #hottag a em { color: #999; font-style: normal; }
     0 r4 [. K6 I# q! a5 W0 ?
136. 
     $ P) f' ?8 e. w: l
137. /*用户面板*/
     " F  t6 K, ^/ e
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; }
     , i% a1 f- F! X) F
142.                 #dologin { float: right; }
     4 K( V, Z9 j, a4 @5 Y/ _$ |5 S( C8 l" U
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     
144.         /*登录后*/
     * [& y* a: O/ Y& B: v
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. /*空间之星*/
     # t0 E4 _' l0 ?( z8 o( S
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     + @' I3 B; z7 q/ m' m( P
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; }
     
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     ! G9 R: M" F2 }
153. 
     
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     $ ~6 ^' s7 n( m
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     9 k% d; T' t4 l: X8 N, E& \
157.         #cityspace select { margin: 2px 0; }
     & h1 l5 _" |8 [3 i8 `9 H
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     ( N, I- J/ w& v9 T3 \) B3 r
160. 
     3 _1 v1 [1 |' O( R
161. /*空间排行*/
     7 s7 ?  @( [9 L- u; C9 f* Z
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; }
     6 A6 W! A) B. b4 e
163.         #hotspace li { height: 20px; overflow: hidden; }
     : A3 B) Z' @" h
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     $ Z8 v& Z2 a5 c: \, F7 V
165. 
     
166. /*热门文章 */
     
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; }
     # r9 ?$ D0 {5 ]  p
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; }
     ; k  j% `/ J) Z+ z$ o3 t
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     & L. ~  q2 \  Q4 B! b
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. 
     . |8 |; X- Z' l9 K( o- X: ^- X  S
175. /*图片列表*/
     , R1 c% O1 O+ X- c3 z
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     
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; }
     7 P: y' ?' I5 W9 J
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     
182.                         .imgthumblist img { width: 100px; height: 100px; }
     : M; \7 g& \4 E" a
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     3 l% ]% n+ s+ o" J* z! T" ~
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     0 V8 h( B# S, e% t1 F+ n
185.                 .throughgallery .imgthumblist { margin: 0; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     $ I/ o. ?3 a) s& i& N
187. 
     
188. /*商品*/
     
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     , }. z1 X* k; `# d& @
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     0 u6 r: M8 j- z# b! W" a. r0 J$ K- {
191.                 .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
     . J' i  {* {1 ^. g( s' ]: B" k
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. 
     & d9 b: f, V2 \0 z% B/ _% a
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     
196.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     - ~) d+ L  N4 z" }, S; w
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     * v% m& A/ B5 Q" C; b6 h
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     $ u# X0 m& i9 A. E! F, V
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     
203.        
     
204. 
     . P7 C8 z* h9 N, b
205. /*栏目区块列表*/
     
206. .category {  margin: 4px 0 10px 0; }
     8 G; M+ |+ K% p5 P9 Q" e: U+ T
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     6 l; t) R2 q( m2 N1 y- y5 ^/ p: A8 j
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     , w, \! x3 R% r) i; }) S) B
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     ( m5 u; m( z& q; J4 P
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     , n3 W& O4 w8 M! i4 L* K0 |' T& o& T
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     + k, d8 u$ r* N3 ?$ r$ D
212.         .catecommend { background: #F0F9FF; margin: 0; line-height: 2em; height: 2em; overflow: hidden; padding: 0 1em; }*/
     ' Y& f/ L2 I5 t5 C
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     
214. 
     
215. 
     
216. /*-----------------------------------------------------------------------------------首页各版块*/
     $ k; J" J' e9 y8 ^
217. 
     
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     % J$ @: R' @( ]0 i6 g$ }/ u
220. #newgoods, #commendgoods { height: 200px; }
     / }; v; }" R. A" ~! O0 G. u
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     4 m3 g" h- e2 v8 }2 Z9 T" K: n6 M
222. 
     : `3 E( k; F8 k# K2 L
223. 
     
224. 
     
225. 
     & F; Y# m3 z* i1 J3 M
226. /*信息列表*/
     
227. .articlelist li { padding-left: 60px; }
     * G1 U9 ^) m$ s. z4 D% M8 a
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     7 p1 P6 r6 }9 _& d/ q
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     
230.        
     + H* p0 M+ C' C& B( R  p
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; }
     , F% {* T/ v# t1 Y' A7 B
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     ! |3 {' x6 K  J) {  w, v# R! f
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
     ; D- J4 O1 e1 O; W1 F/ v
235.                 .articlelist h4 a { color: #000099; }
     ( s8 l9 s8 l* ^; r% @
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; }
     . r  |! j5 j% M3 l8 W
239.                         .articlelist li strong a { color: #999; }
     
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     6 o+ e. t* ^* p8 |9 L
241.                         .articlelist li p a.more { float: none !important; }*/
     8 X: j. [0 g/ Z  k5 J; d
242. 
       U2 E6 N! ^0 Z) C) f
243. 
     1 h% Z  c. Z, H+ B
244. .catepic { text-align: center; }
     ! Q3 w, I* t6 @3 s/ L/ _
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     ; N6 l2 h7 Y7 M
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; }
     & p' I  f9 e1 N, T( B
248. 
     ! u" @4 y6 T$ x/ k' _
249. /*专题列表*/
       b- Q4 k* ]* B8 i, A  @
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     . J- i. Q& @2 ~2 U: \2 a' x) u( ?
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; }
     ) D. L. G# U0 A
254. 
     
255. 
     
256.         #xspace-rates { height: 2em; }
     , F( j! t  @5 f3 [. N
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; }
     , x, F: d* Y9 z" Y) J
259.                         #xspace-rates a:hover { border-color: #CCC; }
     9 m6 B: ~2 g/ Z* T
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. 
     $ o: q2 l% f4 q' s/ t
262. 
     8 R8 X9 R8 s) F$ o3 V7 e/ f4 U
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     
264. 
     
265. 
     
266. /*Pages*/
     2 f! ^2 a% u( S% {9 x8 l/ G* G; X
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     . w& F" Y, J; j$ H* }& I" }/ t
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     ; ~" v/ `* [# z# |
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     " e6 h* A# Q" h, p  I! p: m
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     0 v# _, {8 H$ S: v1 O
272. 
     
273. /* 分页 */
     $ g* J5 \2 Q; C  S% R( z. J
274. .xspace-page { margin: 2px 2px 2px auto; }
     5 b8 W# ~8 i. d& {7 i% H2 \' w
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; }
     ) P9 c) X9 M& h, B& u8 W4 p% ?/ l
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     9 a/ k4 u0 A$ V) N
278.         table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }
     
279. 
     1 A7 }, z  S0 a. A1 K% s- B
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     ' N( l3 @+ E0 _* A8 F+ q
282. 
     
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     6 D/ g1 s% S/ H
284. #footer { clear: both; border-top: 2px solid #86B9D6; padding-top: 1em; padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; }
     
285.         #footer p { margin: 0.3em 0; color: #999; }
     
286.         #footer strong { color: #007AB6; }
     
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     & N9 d1 N. b7 d; Z: G( F: Y% t4 c
290.        
     . y8 _9 a: k& K
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     ; k0 F! ]0 e) Z: l6 v. k% i
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     . M& y1 S3 n. p: {: x
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     
294. .articlectrl { margin: 0.5em 0 1.5em; }
     9 p- r1 G2 O( q$ n" W& z' ?
295. 
     $ ?  F- {2 O" g5 p# Z( O8 t) N0 e
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     5 n( h( B/ ~# m
297.         #articlebody * { line-height: normal; }
     . X; C3 E! ?7 R2 L/ g5 [# \% H7 m, Y
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     9 R# O6 a' s2 ~8 q
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     . g: B7 p8 }+ g5 @# g( Q% y) ~# h, }- W
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; }
     / \& L6 l4 c1 J3 U
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     8 E/ W0 E5 I# U/ v9 ]0 o4 l
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; }
     : A6 u) i3 L/ l  v' M' S; V' q& _
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); }
     8 x8 h6 T2 {. \# y
312.                         #commentlist .messagelist li div { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; }
     " h; ?9 b: R, B: r4 G8 l8 A
313.                                 #commentlist .messagelist li div * { line-height: normal; }
     
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     
316. 
     
317. /*发表评论*/
     
318. #comment { margin-top: 4px; }
     
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     
321.         #comment p { margin: 0.3em 0; }
     
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; }
     
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; }
     ' z. N. C6 N! h/ ]+ N0 `
328. 
     
329. /*AJAX div*/
     ( H$ J7 P. ?7 N& ~: ]
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
       P5 l1 S8 `7 o0 k
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     : ]* i% ?. C: q! S2 D' E
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   
2. 
   
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   & H5 a2 C' b2 A% i7 K
5. 
   

复制代码

1 p1 R& F' |) J, P
" j7 @' g& |: g+ K分析
8 c1 u9 \6 C* {

1. margin属性说明：
   - a  j6 N. ^+ p2 y* T1 Z9 V. Q
2. 
   
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   4 v1 a  b% K# \' I3 f
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   & d' t: M% N4 A/ n4 C4 Y
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    
11. 
    + w# k* m% Q# }/ v8 x+ F9 _) T
12. color : 　指定颜色
    ; e" o5 y$ O, N$ O4 q
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    ! n9 ~+ g1 ]* O$ s) c+ g/ l% x6 W
15. 
    5 J6 |: P& I9 [6 a
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   - u) p8 ^7 Y2 K9 \" E) d9 s
2. a { color: #000; text-decoration: none; }
   
3.         a:hover { text-decoration: underline; color: #000098; }
   # }3 @  a0 B- @. ^0 X
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; }
     C% h! N8 F, o  A+ m5 P' |# ^, \
7.         a img { border: none; }
   $ b1 o* U$ Q* @" c7 S" W* R
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   
9.         li cite a { color: #999; }
   . e/ b2 P3 f8 Y% V
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; }
    
12. 
    : e$ ^& ~; a5 D- B: x) d! w$ p; {

复制代码

分析

( m. c! u% Q+ u# Y; R7 R

1. 
   : K6 S2 X$ v4 G: s" Q+ s
2. text-decoration:文本连接的属性,一般有以下几种参数:
   / E6 S# d: T: D1 p, d
3. none : 　无装饰
   3 k9 t6 H4 p2 z7 E1 `' c# O7 e
4. blink : 　闪烁
   " j/ i/ K7 r. ?! Q. H) B2 n
5. underline : 　下划线
   
6. line-through : 　贯穿线
     y- F" J6 _( h
7. overline : 　上划线
   
8. 
   . i1 o$ G7 e/ A% n6 f: l: ~; K* `
9. 
   , w/ x3 w4 }- P/ e
10. hover:设置对象在其鼠标悬停时的样式表属性。
    
11. 
    
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
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; }:
    " Q" W/ q: L* d+ J" O$ `
16. 上面这两行是与鼠标相关
    
17. 
    
18. a img { border: none; }图片连接相关
    ' K# \( c0 |; n
19. 
    
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    
23. 
    
24. font-style:字体式样,一般常用参数有:
    ) b- z5 s$ R" u' J
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    9 Q( G( a' a+ y9 f" v4 @$ I0 K
27. oblique : 倾斜的字体
      J; t0 z/ t- G9 }3 a. |/ t, ~$ ?9 Y
28. 
    
29. 
    ! a1 x, u$ \: _, Z
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    & d+ N+ M6 P7 ?6 x
32. left : 　对象浮在左边
    
33. right : 　对象浮在右边
    
34. 
    
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    
38. 
    6 T+ |! @$ m9 p9 n' z3 {) U
39. background: transparent 这个的意思就是背景透明...
    % g/ @! Y+ T* k1 n9 }
40. 
    
41. 
    
42. 
      S! f3 X& Y7 F* u1 Q- a
43. font-weight: normal :文本字体的粗细,常用参数如下:
    4 p0 I- }8 V1 {6 _! j9 a, X0 P
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    / `* k8 z5 a: A* H" d# {
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    ( m  n6 Y4 J8 H5 T% s# g
46. bolder : IE5+　特粗体
    + S7 [8 D+ G, F2 V8 S
47. lighter : IE5+　细体
    : |% c: _+ \5 ]$ F8 p- _7 C
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    ( g( [1 P; F( e8 b$ V+ e
49. 
    , }' X- y1 i0 P  }4 o, a
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)
    6 D. ~: U- V! |! _% |
53. 
    3 Q% G8 J- ]! K- l- Z  j
54. 
    
55. 
    
56. 
    8 X& B0 A6 i0 q3 o( `
57. 
    ( K* D  K) q' f; p
58. 
    , O8 j: c6 C  r% Y+ Q
59. 
    ; ]" X) U% r' }9 b3 x2 J

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   
2. 
   
3. form { margin: 0; }
   $ Z6 M: W9 }5 e* n/ K
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   ) ^5 j- `' Z9 ^7 Z  \1 ~9 S
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   + B- ~- g; u& v! s; |
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   ! q5 b4 Q8 \% ^2 i8 `0 Q& i5 ?
7.         fieldset { border: 0; padding: 0; }
   
8.                 legend { display: none; }
   : K8 ]" S* ~* K9 }, O! B
9.         label { cursor: pointer; margin-right: 0.5em; }
   

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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