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; }
   ! v. O( x2 M% }8 f/ r; K
6. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
7. 
   
8. /*链接样式*/
   1 H) s2 }# n8 d3 N& `
9. a { color: #000; text-decoration: none; }
   4 ~0 p+ G" Y$ f' A8 Q1 y& A
10.         a:hover { text-decoration: underline; color: #000098; }
    
11.                 a:visited { color: #666;}
    
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    ( V4 g: Q! t8 z9 Y; M
13.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
    " W4 K2 ]4 q: Y
14.         a img { border: none; }
    
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    * X. A+ n- q( E" T8 H
16.         li cite a { color: #999; }
    2 o( l! C: Y" B) A5 `
17.                 li cite a:visited { color: #999; }
    , V' Y5 U* ?% c. Z# _
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
19. 
    
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    % M5 _6 A! [& W. m5 I5 M1 k
21. 
    
22. form { margin: 0; }
    % }9 Q( a! x- W8 ~5 l
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    + h  n- X+ A1 f- ^+ ~. S
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    3 x; S* Z3 o5 ^& s1 X, o7 r& v
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    : {4 j: v  G3 F8 p) [* i
26.         fieldset { border: 0; padding: 0; }
    # k1 ]2 Q# i& u
27.                 legend { display: none; }
    
28.         label { cursor: pointer; margin-right: 0.5em; }
    ) Y! S" u4 a% Q* {, G) u6 w! Z
29. 
    % y) P  w" z1 i- C! ]9 N  Q8 ^
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    . p. m- |1 i2 P6 g5 ~5 b
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; }
    : [4 ]- s! i& G% i6 R$ e
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; }
    1 B: Y% g, B0 Q: m
35.                         #topmenu a { color: #154BA0; }
    $ ~/ Y& d) D: {0 M6 a! J/ k; 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; }
    
40. 
    
41. /*主导航*/
    1 Q/ t1 X& v  s& f8 j
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; }
      C: k* o5 R: _1 m# K
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    " A0 A& [, r3 A* }! z# N& P) o
45.         /*首页导航*/
    . V9 _; G: W% g6 @# a- j' h, d
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; }
    % `" T+ k; G. K4 l6 a# r  L( B) P
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    
50. 
    3 e) l! f$ u8 L
51. /*您的位置导航*/
    3 |; v: e& j! w4 b
52. #navigation { padding: 1.2em 0; }
    0 W) [" X/ L; i( t2 g8 y, k( o
53.         #navigation p { margin: 0;}
    ; k! m  t5 P# @3 K1 C
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    * e( \0 ~: i1 j& ~! F! u. o0 l
55.         #searchform { float: right; }
    9 Y5 L4 g9 ]; D2 g- f- F' q8 d8 F
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    4 n& @- F) Y8 B# c, O2 r
58. 
    - r4 G% a$ B1 c% {  X; Y' U  x
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; }
    3 R2 U- v. X5 ]8 m! P+ V4 N/ l
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    ( k* a: e1 \7 [2 S. @
62. 
    , S3 h/ ~! h' {! [7 I7 \! T
63. /*-----------------------------------------------------------------------------------布局*/
      j8 d- d/ u2 N+ S6 b
64. 
    ; M! D% F1 b, H. |- E& {* C, X
65. .content { /*三列布局*/
    
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    ; L  o. K, r& m* s
68. .contentL { /*两列布局，侧边在左侧*/
    
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    % G  U# A, K- `7 _* P# F9 G
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    ( O# p$ d% C/ E. ~9 a+ f" K
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    ; b, W& K3 u0 W  F# [1 c
74. /*侧边样式*/
    
75. .sideL { width: 296px; float: left; overflow: hidden; }
    
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    / s" G1 X% ]' \* h, Y
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    + R3 K. i* F- O3 I; W
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    $ `: Z+ |  J: ^. P! m+ m
84. /*版块标题*/
    2 {/ J- J+ C1 ]( O  f* L
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; }
    ( s& U  P& i, f$ _$ B- x) u
87.         .blocktitle .more { margin-right: 5px; }
    
88. 
    , S" ~) |7 c; q- p2 W
89. /*头条信息*/
    6 t% ?% R: g  C  Y# s: @  X9 V
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; }
    4 U& {3 X% r& W6 n) r+ I* n
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    " [" b2 x2 {1 e9 g* U5 d# u6 B: N
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    3 a9 Y) G2 P! q0 @, v
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     9 O  p3 {8 u, W! O& `5 T7 S
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; }
     & b7 I. `5 N4 f% V
103. 
     4 q8 c! H' c/ [# u
104.         /*侧边多行列表*/
     + `6 _- K: g& X( S: C
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     & K8 `& [8 C: R! [
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; }
     
109.                         .sideblock dd a { color: #999; }
     
110. 
     3 h' v' ~; t  g+ T! P' B" ^5 B- z8 I
111. /*单行信息列表*/
     
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     + i: l0 `* v# _3 y- O
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; }
     
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     2 v9 g2 h" Y4 w( q7 L* @  `
116. 
     
117. /*多行信息列表*/
     % `4 `' H7 C* H; e. j
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     - v7 K( I8 s: G8 q
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; }
     ' F' |+ ^9 Y! m& S) f( q
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     # K( x; x$ e" [# L( _3 y2 ?
124. 
     * c! y6 U! h6 U" t
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     . U5 r3 i. ~+ q; X
128.                         .messagelist dd a { color: #999; }
     
129. 
     
130. /*热门话题*/
     ( ~9 T4 {* x* ?
131. #hottag { overflow: hidden;  }
     ( h% \- F& ~) a1 o
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     % T9 Y  x( ?" P+ r, ~
133.                 #hottag div { color: #999; overflow: hidden; }
     
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     . [' ~! s3 j% Z) ?& W
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     ; t0 Q9 o2 i5 o1 [" m
137. /*用户面板*/
     - T: {8 R/ Y3 S& `, s9 L
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; }
     & c( a7 ~0 h2 w# f4 g2 j1 c0 G
142.                 #dologin { float: right; }
     - P. A/ T8 u% ]5 f. `
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     ) D3 X, Y! _3 N0 G$ b, D
144.         /*登录后*/
     * @: Q/ z0 ]0 q5 @1 G1 m. b  H! 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. 
     / D5 J2 y( j3 e% Z' ~# [  [
148. /*空间之星*/
     ; b  G7 ?+ P0 x
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; }
     & f1 Q7 T/ B9 |% g: A
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     0 B3 k4 S: f' X3 E" t' U5 P
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
     
154. /*同城空间*/
     & i( x$ g  }3 b
155. #cityspace { background: #F0F9FF; }
     
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     ! `3 e  ]! B3 }. x9 K
157.         #cityspace select { margin: 2px 0; }
     
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     3 H5 Y- T2 v( \( O! Z. N+ G
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     
160. 
     
161. /*空间排行*/
       \. f6 I! j1 \) p& i: e
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; }
     9 v! t- d9 I1 O+ K4 v7 _
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     # d' `$ J3 J5 ^9 |2 Z2 S% ]) s, O8 C
165. 
     / ]$ l/ ?: U  {; U, r  V
166. /*热门文章 */
     - {/ s# O$ p: `7 j) O9 [& I" v
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     
168.         #hotarticle h3 { font-size: 1.2em; margin: 0; line-height: 22px; border-bottom: 1px solid #86B9D6; }
     
169.         #hotarticletabs { position: absolute; margin: 0; line-height: 18px; top: 7px!important; top: 8px; right: 10px; }
     
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     - F# u  p8 l2 L9 {( b( U  Y
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     3 `) P; j- c8 C* s4 i1 R, }
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. /*图片列表*/
     
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     / A% h8 e! w2 U" H
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; }
     ' }3 B( p6 I% U( E/ U8 z3 m
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     2 U. q8 n! R% D$ {7 |
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     
182.                         .imgthumblist img { width: 100px; height: 100px; }
     0 b( k& [8 Q4 @/ H7 _
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; }
     6 ?, H$ m- j% V: k2 X/ ?! E
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
       X0 N0 B/ d/ t; f# i7 I
187. 
     
188. /*商品*/
     
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     ) r+ v1 t/ t! {: \" H
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     * J3 f# i) c; ?
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; }
     " f9 P- y2 e6 R* y' t8 Y
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; }
     $ D* H$ f8 T5 |- R+ ~3 K3 Z; A
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; }
     3 ^! l% y* [2 Q0 @, l
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; }
     6 b! [. T# c. e
203.        
     0 c; `4 A& u  w* _: k  U
204. 
     6 V1 f' C4 W  w* U5 t* |
205. /*栏目区块列表*/
     3 I% n( P! C) Z9 ^
206. .category {  margin: 4px 0 10px 0; }
     - l5 M9 a0 r/ {: @
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     5 ^7 Y8 O1 c) B; A* S$ O8 C
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
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. 
     
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     
218. /*#commendimage { height: 155px; }
     $ x7 O0 ^# r. @4 f9 n
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     : D: p+ o$ Q. e
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     
222. 
     , ?& ]( j% v+ c
223. 
     
224. 
     
225. 
       p, C) a) y5 N1 a4 y
226. /*信息列表*/
     $ C+ _: H* S1 T, A) e1 n
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.        
     0 c8 c# L) B4 B
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; }
     - N: L: {5 }! X2 ~$ K) Y# |
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     7 P1 D9 C2 \; J$ _4 \; s
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; }
     ! G3 X6 x; r9 r7 E( j- i
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     
237.                
     ( k! ]3 u: T/ ~' W( a0 f6 c9 a5 K% L
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     ) o, s( ?( P4 @! U$ J; r8 G2 X5 Z
239.                         .articlelist li strong a { color: #999; }
     9 o* l0 A* [5 h4 I& j" N: i. h" s
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     / y& |: o1 n9 s3 o1 f; [
243. 
     
244. .catepic { text-align: center; }
     2 e6 E$ w3 a% Z8 k3 A( {0 b
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     : K# W/ V1 b. U0 Y% p, u% f! U
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; }
     - C* p+ r# s$ E6 D4 u) ?9 }& @
248. 
     
249. /*专题列表*/
     
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     # V3 c/ N; s* I
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     7 C. j: S3 \* e" x
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     
254. 
     % }) F- s; s* z* |5 v
255. 
     
256.         #xspace-rates { height: 2em; }
     1 z" o( o) y. G  Z6 {
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     * _3 \) z1 p/ b/ P. Z# Y) H
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; }
     1 G( c3 M- O/ u3 q
259.                         #xspace-rates a:hover { border-color: #CCC; }
     6 Y/ z, O- e3 W6 X6 A# X9 X$ Q2 _
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; }
     3 n7 S- @9 s3 e3 L7 `1 i) L7 U* r+ W2 [7 q
261. 
     5 E$ Y9 i+ y4 u# ?
262. 
     
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     
264. 
     0 y, L, d: B  M! p; L
265. 
     1 z! A# q1 v' w# T1 p' l# x
266. /*Pages*/
     # @% B2 ^- Z1 ?$ t# r( @
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     $ Z" a8 \4 v0 W5 m6 ^
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     0 r2 @6 F. l7 E- F8 h0 ?6 b
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; }*/
     
272. 
     
273. /* 分页 */
     
274. .xspace-page { margin: 2px 2px 2px auto; }
     " I3 C" W0 ^4 }; y+ I* D
275.         table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
     " I! @4 `- [: ^, ~7 t
276.                 table.xspace-page a:hover { background: #86B9D6; }
     0 ?3 ~+ v7 M  y! R$ F. @
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     
278.         table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }
     
279. 
     
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     2 y& y+ J5 X) M# C" y
282. 
     $ |  F8 |4 y5 R  w
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     
284. #footer { clear: both; border-top: 2px solid #86B9D6; padding-top: 1em; padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; }
     
285.         #footer p { margin: 0.3em 0; color: #999; }
     6 f+ N, X9 e- T  _2 P; N7 \  T
286.         #footer strong { color: #007AB6; }
     ' _& }% E# z8 Q) R4 F7 {, M/ q
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     ! \, f5 j+ m9 }4 T; h/ S8 ^
288.        
     8 X. A5 D; n% v$ Q
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     
290.        
     
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     6 Q" m& D5 O" S3 Z3 D( d' v5 A) v
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     
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; }
       }+ A) b  a3 b8 B1 [8 G% D
297.         #articlebody * { line-height: normal; }
     
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     " [' D+ P, n" T1 M! s
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; }
     , X( E) M, Z$ Z3 s- s
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     ; z4 d, v1 v/ y( s9 N" H. q
305.        
     ; }" h7 b( s5 }0 x
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     * S4 a) k, S) l% H  t- ^1 z5 A- G
307.        
     
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     1 b7 Q" s! {0 U( U2 ^0 R8 }
309.         #commentlist { overflow: hidden; border: 1px solid #86B9D6; margin: 4px 0 0; padding: 0 5px; }
     $ A4 @% {/ ^) I" b3 @4 K
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     : }0 a# W! o% z  {2 \5 F5 U; t
311.                                 #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
     8 O1 `4 t$ |5 s1 P; l2 O. h
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; }
     
314.                                         #commentlist .messagelist li div  p, #commentlist .messagelist li div  div { line-height: 1.8em !important; margin: 10px 0; }
     ) |$ p; ^7 q) Q+ u7 J  ^
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     0 b0 I  u( }0 Q8 e  b, M! k1 C9 l
316. 
     
317. /*发表评论*/
     
318. #comment { margin-top: 4px; }
     
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     0 v. h- M6 c$ t  s7 O9 r& N
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     7 z. _$ Y8 ]: x3 C4 }
321.         #comment p { margin: 0.3em 0; }
     
322.         .seccodeline * { vertical-align: middle; }
     * y2 P6 l2 q" f7 r) q
323.         #xspace-rates { height: 2em; }
     8 S& _/ [, o' N" L1 ^0 h- y
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     7 h8 j5 H; M' M
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; }
     * b7 X) N9 s0 B0 F( V
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; }
     * i" V% J, |" M9 g
328. 
     
329. /*AJAX div*/
     
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     + y# w- Z. c) O/ e/ Y) m+ R2 o
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     & i5 Q) i0 y" j! A1 g- M
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     7 [" z. Y  r( }+ K0 Q( J
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; }
   6 i$ x2 D# K2 p. n6 j6 l9 d
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   ! z4 w" h6 M6 b3 @( t
5. 
   9 l( B" g1 E$ n

复制代码

  X5 B& }4 g% g# u, B9 Z! ~
分析
( @3 B5 P) D- }1 O  ^/ q: {
) ^/ L* `7 f: G9 Z3 q

1. margin属性说明：
   
2. 
   
3. 检索或设置对象四边的外延边距。
   * V' e! X+ H1 s: o% H$ h5 X8 X
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   0 i. C- H  W8 H$ u( a
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   . n, F0 W* F% K# L1 A% w2 C3 b
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   1 j/ O* g1 n# R/ r
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   / [. n2 [, t  G$ v+ j
10. 外延边距始终透明。
    9 s$ b$ h. z5 D; \
11. 
    % I9 F, Q/ T: _" @/ W  G% ]
12. color : 　指定颜色
    $ @7 i+ [# e6 k7 t3 h* q3 a
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    * C. d6 w% S2 S5 F
15. 
    
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   / A. K7 [+ t5 Q5 l
2. a { color: #000; text-decoration: none; }
   * r' [: a, k; i
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; }
   ( Y$ Y0 U  H/ ~
7.         a img { border: none; }
   / o. O4 u& M+ x
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   ; O& D/ J4 w% ^" \
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; }
    8 r: f- `3 M6 ^/ e3 {! c
12. 
    2 @# E/ N; l7 m/ J; Q

复制代码

分析

1. 
   
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   
4. blink : 　闪烁
   
5. underline : 　下划线
   / E$ Y8 o2 a( q! O$ [7 }& D8 S
6. line-through : 　贯穿线
   7 M  f) c- H0 L$ Y- ?7 e
7. overline : 　上划线
   0 n6 j1 U$ e' t* W8 l
8. 
   ; ?2 U0 W; _+ K7 u1 x3 v* t
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    : V8 D1 g. `+ r5 @. w
11. 
    / t! X/ ^5 ^9 a) v7 g8 q* o6 X
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    0 |5 W4 L8 Z. E! P$ e% ]6 w# W6 a
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. 上面这两行是与鼠标相关
    9 w4 C. U% D2 q6 E7 L" O7 E; I, Z2 Q
17. 
    ; d) u7 M6 u1 g: @( i
18. a img { border: none; }图片连接相关
    9 ~+ R) g: u7 O! R2 A
19. 
    0 }+ }0 b; x2 ^% A. e# B
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    
23. 
    
24. font-style:字体式样,一般常用参数有:
    ! S+ d- C: R- a( G: D5 A
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    
27. oblique : 倾斜的字体
    
28. 
    - T0 b. C( h1 ~7 I5 W+ a% D. i# t
29. 
    # f6 a! N, F/ ^
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    , o1 ^# D  d5 n- o! I
33. right : 　对象浮在右边
    5 g, h$ p# D+ E% U$ \$ G  y+ U
34. 
    , j! b$ {' d1 L% @
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    , W+ Z% U( Z3 X: Z6 ?- M+ ?
38. 
    
39. background: transparent 这个的意思就是背景透明...
    * {* @+ _) K7 ]6 ?, P
40. 
    
41. 
    
42. 
    0 w8 d  ~: M6 c7 d
43. font-weight: normal :文本字体的粗细,常用参数如下:
    6 V+ t1 F$ e5 @: i* y
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    $ a, ]4 B  b6 ?2 d6 A7 \
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    0 R/ G' S1 L6 u# T6 P- h  ?; P
46. bolder : IE5+　特粗体
      |  ?7 O5 u* o; G
47. lighter : IE5+　细体
    
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    9 y" {- s- I( t- ]) Y& _! ^
51. 语法：(每一竖隔开为一个状态)
    
52. cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)
    9 \6 v' \+ t& O4 Y0 L3 o  N
53. 
    
54. 
    
55. 
    
56. 
    7 y& z" m+ Q/ p4 |5 v
57. 
    
58. 
    
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   
2. 
   
3. form { margin: 0; }
   0 m5 H1 `2 \+ `4 U1 C7 ^
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   6 x& c& {. q( Y! J/ c5 c/ T
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   * y! E. T4 F  I% @& G( L
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; }
   ) \$ d' _( j8 L+ |
9.         label { cursor: pointer; margin-right: 0.5em; }
   

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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