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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   5 @% X8 N6 Z5 ]  m& P7 C" M) u& V& f! R
2. #newsblock { margin-top: 4px; }
   $ E9 o% C0 U- z0 E- x  [
3. /*-----------------------------------------------------------------------------------综合设置*/
   7 T/ L4 f  O6 M3 |! S- X' n& s
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; }
   4 ?3 I: P& e0 Q2 {% C+ x/ ^
7. 
   
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   3 k( t8 C) q! F
10.         a:hover { text-decoration: underline; color: #000098; }
    4 l# s% k  g7 t8 O/ D+ A
11.                 a:visited { color: #666;}
    
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; }
    
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    ! H3 U$ P: k1 R& d1 ~8 y
16.         li cite a { color: #999; }
    9 m3 H' t" @; @& Y( x7 B; p6 k! A: w
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; }
    
19. 
    
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    ( P! f' d& T' D6 P  d) o3 s
22. form { margin: 0; }
    
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    3 @! \6 v# e) a1 k
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    7 S) N* K+ t4 s1 X+ I
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    
26.         fieldset { border: 0; padding: 0; }
    
27.                 legend { display: none; }
    
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
    
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    
31. /*顶部导航*/
    4 u3 C. N: ^7 k
32. #topmenu { background: #9FC8DF url(../images/new/title_bg.gif) repeat-x 0 -3px; border-bottom: 4px solid #F5FBFF; border-top: none; text-align: right; line-height: 2em; }
    
33.         #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #86B9D6; }
    
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    $ I5 o) H) V' y5 m  F+ l/ y& y
35.                         #topmenu a { color: #154BA0; }
    " o# \2 [, U$ x! B" I. D: ^
36. 
    + J7 T9 e% M! r3 W+ @$ V" k
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    3 B4 Y# @' I# S( k9 `  N* o; F7 Y
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    - _6 L0 Z# q7 d' e' C* t
39.         .banner468 { float: right; }
    7 v8 t7 q: w( F% T/ O, B" h8 T. n
40. 
    0 D9 |5 r& n/ ?- H. O
41. /*主导航*/
    
42. #menu { border-top: 2px solid #86B9D6; border-bottom: 1px solid #86B9D6; line-height: 25px; background: url(../images/new/menu_bg.gif); width: 910px; overflow: hidden; }
    7 g, Z! c% M$ U- ?
43.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
    9 N* O( b; j6 I# I/ {4 @2 w' ]. z
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
      D' b" [. @& s! _$ p: n
45.         /*首页导航*/
    
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    & @4 f1 a/ S, P; \
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    
50. 
    
51. /*您的位置导航*/
    
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    2 _6 V8 {& r$ }. M% u+ M* o
55.         #searchform { float: right; }
    - @6 @3 r* k7 Y) J- M8 R& G, B$ ]" r
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    3 [' G) t7 g, i% A8 W
58. 
    
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; }
    & [2 f7 r: u% L' w4 W
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    ( d& p2 g. N6 u' j
64. 
    8 `* }4 a2 x9 c% @8 ]
65. .content { /*三列布局*/
    " z" I6 }/ k1 i" j
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    ; \# l# X2 T# z
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    
68. .contentL { /*两列布局，侧边在左侧*/
    
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    ' {8 w5 }# x: H& L5 n5 W- a6 ^
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    3 I# |7 r6 R- j9 z4 t" |& |; W
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    9 I& k* w4 P" f1 z) |" O+ @
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    5 p3 a% O; _5 H6 b5 L7 B& ?& N4 A; h1 A
74. /*侧边样式*/
    / R1 w+ O- E  Q: I( t% L
75. .sideL { width: 296px; float: left; overflow: hidden; }
    
76. .sideR { width: 202px; float: right; overflow: hidden; }
    8 P( s+ @9 w  z/ [7 k
77. /*中间部分样式*/
    - c! n3 M9 T" F
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    $ V% G+ k; [" w3 `0 c3 N
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    6 M' Y- C& E& p3 t, u# g1 M
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    0 U1 P, C8 [0 Y0 |
84. /*版块标题*/
    ! q1 U& a3 ~6 T
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; }
    + Q0 |" Q8 q+ Y6 ?* \, m4 P$ b8 F
87.         .blocktitle .more { margin-right: 5px; }
    
88. 
    " r9 B' v5 ]$ u% d- n: E
89. /*头条信息*/
    + W% ~; q/ k0 f/ ?, g
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    
91.         #headline strong { font-size: 1.2em; }
    ( f" O, A8 |; V, M$ C( p8 {
92.         #headline p { margin: 0.3em 0; }
    
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    # ]) ^2 q. Y4 _- L
94. 
    . Q6 O3 u7 I+ t( u+ d- Q5 Q
95. /*侧边版块*/
    
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    8 b3 v5 L8 M9 `' N* `  {
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     ) b1 L" ^/ V% \* d' C
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. 
     % Z' b: F  M! K* s  v
104.         /*侧边多行列表*/
     6 P# o7 Q/ A/ X+ d
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; }
     & j) q3 n  k  P" j2 k
108.                 .sideblock dd { color: #999; margin-left: 0.8em; }
     
109.                         .sideblock dd a { color: #999; }
     
110. 
     
111. /*单行信息列表*/
     + B; @# }5 u1 i* N4 o& F5 Z
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; }
     
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     
117. /*多行信息列表*/
     
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     / q8 s/ R* z5 I4 l6 @% v
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     
123.                 .messagelist li p { margin: 0; }
     : P; v2 ^! r7 {; Y  N$ C* L; G7 [" H
124. 
     8 Y2 j& e$ M. x! g3 t, C
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     & d- j( P8 q0 W% f! X
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; }
     + y. ^6 ~/ T: U! p
128.                         .messagelist dd a { color: #999; }
     7 y1 w  h3 d) D) L) e0 R' e+ ~
129. 
     * Y. e) t) B" k+ R" }8 F
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     / i" P6 @* s. v
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     - E  b3 v0 z% I, k
133.                 #hottag div { color: #999; overflow: hidden; }
     ) D  w/ d9 @3 |
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     1 v$ s$ C& H4 M
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     % _  `* a* a, n- T
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     
140.                 #userpanel input { width: 90px; }
     
141.                 #userpanel p { margin: 0.5em 0; }
     7 i2 _+ m7 _, M2 s0 n
142.                 #dologin { float: right; }
     
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     ! _. E9 M! w: P( i8 f
144.         /*登录后*/
     3 \5 O' j- x) A/ y8 \2 t5 a
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; }
     9 a) f5 N. I; h  u1 F
147. 
     
148. /*空间之星*/
     
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; }
     5 o. D  S( Y, p
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     % P1 p( ~. U7 G$ p
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     
153. 
       N- {4 a5 ]5 |% _
154. /*同城空间*/
     0 \, {$ \" A3 h3 w
155. #cityspace { background: #F0F9FF; }
     9 C' i5 c; f# \2 P  a
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     9 X$ N2 e/ Q8 O3 z, e9 h* _, A2 ^: |/ M
157.         #cityspace select { margin: 2px 0; }
     
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     & ~. w5 S0 U' r1 A( |4 t
160. 
     
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; }
       j* N0 z% y: D* t5 m
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     ( p- r5 z3 t* C  l' E: o8 C/ u
165. 
     7 `* B8 S7 f. }& R
166. /*热门文章 */
     
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     6 A. n# D/ Y; C/ N( ^: {9 }8 i5 h1 N
168.         #hotarticle h3 { font-size: 1.2em; margin: 0; line-height: 22px; border-bottom: 1px solid #86B9D6; }
     
169.         #hotarticletabs { position: absolute; margin: 0; line-height: 18px; top: 7px!important; top: 8px; right: 10px; }
     
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
     
172.         #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
     ! a, y7 e, J0 F9 [0 K5 Q
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; }
     & b9 i  l- U) N7 C
174. 
     - }- b- T) E& s. C8 D
175. /*图片列表*/
     ' b1 X" }; E" L
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     # D: D+ f* @! o5 p0 Q9 T
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; }
     9 ?! J, e  b" o
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     2 M5 W  x. y% W6 f
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     : [/ @/ [) c; R+ v. T1 {7 C  U* ?
182.                         .imgthumblist img { width: 100px; height: 100px; }
     % R7 o3 v& f3 m( Y9 X. p' V. }# |
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     8 Q9 w6 t3 h3 M
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     
185.                 .throughgallery .imgthumblist { margin: 0; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     
188. /*商品*/
     
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     ( E# B! o/ l+ t( Q; X& v6 u
191.                 .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
     $ N, |6 x" p( a; G6 ^7 k" e  W% j
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. 
     ) H1 G9 _8 C7 O3 _; s% a
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     ; d( X9 s  h$ F- h  q$ L6 w# T
196.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     ' t0 o! _' v& g0 t" Y
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     0 S6 y1 E. V# x4 S( u
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     7 `8 `9 D6 |: U" N
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     * l1 N/ E4 }& I; J
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     
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; }
     * b# m- f. C: Z/ c# x
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     ' ]+ p  N2 r8 G5 Z/ `# Z8 e
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     0 O8 X+ d. N, P0 [4 R
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. 
     7 g) x! p1 a; ?/ L
216. /*-----------------------------------------------------------------------------------首页各版块*/
     
217. 
     
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     $ a/ Y. `) a# R. A# D
222. 
     
223. 
     # Q/ @+ v! i, K! D+ D% g
224. 
     3 s6 E! d" x& @8 X
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.        
     $ z2 d" H) x+ L9 T4 n
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     
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; }
     9 m, ~7 V4 d6 s; q6 ^$ p( o+ G
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.                
     ( ?; F) o- ?  W8 w+ I! C! p" W
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     & I% U( H8 [0 I! @2 c
239.                         .articlelist li strong a { color: #999; }
     
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     / s( K; J2 Q: w- I" l- {4 G
243. 
     5 O8 b. ^" }6 B2 A: ]
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. 
     - l4 ?( _- e+ \( [: I9 J
249. /*专题列表*/
     ! q8 y' L7 G1 }7 A. t1 m6 S& p% |
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     - n/ F3 g/ M+ L2 l. {) ?* T
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     # g/ Z* k7 a" I3 X- c
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     4 o1 o6 S' a' [1 R4 a7 @( k
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     ; e: n# C& A; S& l6 s4 j; ?3 I
254. 
     8 X9 [- j. M& Q1 r8 r
255. 
     
256.         #xspace-rates { height: 2em; }
     ; C/ Z1 X% ~4 d; G+ P- D7 A
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; }
     4 _; n, X/ \" I8 m: @" _
259.                         #xspace-rates a:hover { border-color: #CCC; }
     . E# J+ e5 L7 o; P* R
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; }
     0 N% o' ]$ o2 D$ k5 R
261. 
     
262. 
     5 y. ?/ q) P( o2 a5 _
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     0 j5 f9 s) C5 A
264. 
     
265. 
     
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     6 \8 u7 Y6 |) a% L
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     " _. M8 o2 c) m- a; G+ Z$ k
272. 
     1 {5 [8 q" C; a7 j
273. /* 分页 */
     4 Q) H- g- h) v
274. .xspace-page { margin: 2px 2px 2px auto; }
     + o3 o# ^( L2 E+ @
275.         table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
     " t+ G+ i5 }9 k: N$ A  V5 n& I$ w
276.                 table.xspace-page a:hover { background: #86B9D6; }
       W: `/ W* D. z9 ?* H# 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. 
     3 p' x' Y8 C7 t: D
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
282. 
     7 F  S8 U. X" {: ^* ?# e
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
       Y# O& o1 u) D/ G2 k$ Z; K  \
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; }
       N; l3 T, P; u- Q6 ^& G0 q
285.         #footer p { margin: 0.3em 0; color: #999; }
     0 }+ e" T$ @# h& x9 D( f* @
286.         #footer strong { color: #007AB6; }
     & Z+ Z% t# ~. v- i
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     - N# d5 e* I+ G' k' P, \
288.        
     ; ^! g5 ?) `& o$ n2 z! B- N
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     ( ?* t" W+ R/ _* y
290.        
     # L" \% g$ `. E/ C# N# o2 h7 l3 M
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     ( v% {. T5 i3 o; T* p
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; }
     ) H; e7 h# T6 c3 x, b; r$ |
295. 
     
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     3 g/ s1 P- ?. f: E) F- C
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.        
     
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; }
     ' Z  W  q8 I+ g4 x. ?8 T
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     0 D( t9 \/ S9 I0 m
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     7 m  m$ f1 V5 d% ]0 R- B  R# U
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     ' E/ E$ E, n+ S& c
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; }
     
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); }
     
312.                         #commentlist .messagelist li div { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; }
     ! J$ l8 J4 L9 q5 n+ R. }
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. 
     & i( z7 [. ~" ~. e& [
317. /*发表评论*/
     - ^, F+ T0 `4 f) j8 v( I9 e
318. #comment { margin-top: 4px; }
     & S: }) {5 J/ G  l0 w: g
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     ' s. d: q( X) |, S. F7 S+ P
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     
321.         #comment p { margin: 0.3em 0; }
     ( k5 a  v. ]. j$ o9 L
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     : r5 p. \, [; `; `" y( B# t! h
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; }
     + N$ V( `5 V+ H4 t6 V
326.                         #xspace-rates a:hover { border-color: #CCC; }
     5 `* m/ O6 P+ W3 ?" H
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; }
     
328. 
     
329. /*AJAX div*/
     4 ^; x' K7 X5 `8 w/ w5 m' ~- N
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     # j3 {7 n: d2 q, O  r* y8 C( q
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     , Y9 ^2 z5 z8 t5 q0 q) B9 O6 M
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   6 e' T) H( c" x3 C: V% f) }4 Q
2. 
   
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   ! B* c" ^0 `7 v3 ]# O8 d
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
5. 
   

复制代码

分析
2 c, {4 @. O# p9 x
% z& D  X+ m7 ]1 w2 c0 l

1. margin属性说明：
   0 \& }1 _( g* _& u2 o. a* y' g
2. 
   
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   ' u* f+ a& A7 f) T" l) G, \
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    
11. 
    : r6 R5 X. j2 z+ N5 h1 m! ]6 n2 @
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    9 w$ {+ S$ Y5 j: W# q5 e5 T
15. 
    " ^9 b7 K) s$ D: y0 T) T
16. 
    ' _( X1 {# @6 U1 V2 ^

复制代码

傲天♂浪子追风

1. /*链接样式*/
   
2. a { color: #000; text-decoration: none; }
   / a, X% U  @3 f) ?1 u! T. _
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; }
   0 f: k% I( R" k" }, Z2 A& N
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   ( l, A3 C+ i$ ~5 ~1 {7 M; ]
9.         li cite a { color: #999; }
   
10.                 li cite a:visited { color: #999; }
    ) ?9 l9 m6 B. p* l+ a
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
12. 
    

复制代码

分析

# Y: P, N7 S% o1 e! X

1. 
   
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   4 @/ U/ o6 w& L* e4 ?- C
4. blink : 　闪烁
   : s. o" s  x( n* h" Z3 J
5. underline : 　下划线
   
6. line-through : 　贯穿线
   : L6 o7 x# g3 M* J$ E
7. overline : 　上划线
   / A0 v, q* u5 Y# V: Z/ z7 Y
8. 
   
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    5 `# ]6 p7 I, H3 i* s( I7 b6 A7 \
11. 
    # v) H) q- z4 j- w" I. \) ?
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    / A7 i- S; d! M4 ^; w
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    . D' D6 `: h0 I1 _2 l' k
16. 上面这两行是与鼠标相关
    ' g1 d9 f9 I9 Q. z' o7 s1 A
17. 
    
18. a img { border: none; }图片连接相关
    
19. 
    
20. 
    5 O# m; }1 }0 Q% E+ S  R
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    $ @% E+ f! a0 d1 j$ b" y+ ^
23. 
    
24. font-style:字体式样,一般常用参数有:
    8 I+ _( U7 K4 Y1 C# {
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    
27. oblique : 倾斜的字体
    
28. 
    
29. 
    4 B" M  n- S- S$ W7 K) f$ |/ x& F+ E
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    
33. right : 　对象浮在右边
    
34. 
    & [2 V( ^  \' Z" g/ B: p" P+ E
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    # ~1 T/ U7 K2 |
37. 
    
38. 
    # S' q, _4 H; B3 X* ^; Z0 x; d
39. background: transparent 这个的意思就是背景透明...
    
40. 
    
41. 
    ' W4 o3 v$ O1 \) Q) ?0 F4 l
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    % G7 F. q9 w2 X
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    0 L9 [# T1 K+ H& @
47. lighter : IE5+　细体
    2 G) a5 f% ^0 N0 O  m
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    0 K! Y7 Z/ W+ h# B8 {0 Y
51. 语法：(每一竖隔开为一个状态)
    - P3 X3 H0 g. h) m; s7 K
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)
    5 T! f- q7 _; @* @
53. 
    " U7 n2 S! U8 E9 B
54. 
    $ x+ V; o4 q2 Z
55. 
    
56. 
    ' j7 B6 R5 m; ^8 P
57. 
    7 w/ J% H* v4 s
58. 
    ( N) C+ g7 N+ o6 R
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   $ g4 e* R2 m9 w) |5 X
2. 
   
3. form { margin: 0; }
   ) z' h9 S# z3 e; K6 D& o) S  U
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   * Y' p/ G: C- R, f
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   " ?% w+ w* L( C3 R& n" [
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   & k9 K7 M! D4 \; s$ q- D
7.         fieldset { border: 0; padding: 0; }
   
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   & Y; g5 M# W( c5 ~2 i3 G

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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