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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   $ `! x+ H. q8 v- r5 U) F0 x+ A8 e
2. #newsblock { margin-top: 4px; }
   , B7 E% F! G$ ]- _$ ~
3. /*-----------------------------------------------------------------------------------综合设置*/
   
4. 
   6 T; i# |0 |5 F2 `( {  i* C
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; }
   0 y$ O$ H$ o( q5 y+ l
7. 
   
8. /*链接样式*/
   + A: F" ]: V$ L# A, X9 k
9. a { color: #000; text-decoration: none; }
   
10.         a:hover { text-decoration: underline; color: #000098; }
    " b/ l9 y$ w, R% V' w+ C
11.                 a:visited { color: #666;}
    - h8 d  @" _; D  n  W7 G
12.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    1 z" _$ M  K( c- G' ^/ {; `- H8 R- n
13.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
    3 V. g* |8 V, S* r7 p6 B: _
14.         a img { border: none; }
    ! P6 _$ k3 N6 X0 t. i
15. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
    
16.         li cite a { color: #999; }
    
17.                 li cite a:visited { color: #999; }
    
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    - D& |, c2 s0 M. w% P
19. 
    2 W# n6 P0 }0 N6 f+ \/ e: Q
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    
22. form { margin: 0; }
    
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;
    ; @$ w6 ^; V4 @, V
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. /*顶部导航*/
    
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; }
    5 D3 X, }7 N0 o
33.         #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #86B9D6; }
    ' X! F. |1 C$ P$ u1 ^% [
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    
35.                         #topmenu a { color: #154BA0; }
    
36. 
    & E2 [4 j$ v" M# i
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; }
    - W. `, F! Q- W
40. 
    
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; }
    
43.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
    
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    
45.         /*首页导航*/
    
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    5 ?& T% K3 Y3 s4 ^# M
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    , x/ Z  q& b( N5 L8 a' y, o7 ^
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    
50. 
    
51. /*您的位置导航*/
    9 I7 L* W: a/ O- H! S/ O
52. #navigation { padding: 1.2em 0; }
    ; G+ H0 c  r6 R$ d2 F5 ~% p" Q
53.         #navigation p { margin: 0;}
    
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    4 b1 ^: v; y: c4 A
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
    & _: _+ T6 m  F1 d3 @7 P' Q% i* }
57.                 #searchform button { margin-left: 0.5em; }
    
58. 
    
59.         #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
    ; l7 [4 i, }, C9 X
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    ; }4 `& w2 G9 n9 r. q- d3 K5 ]
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    $ z  V* M, g5 P9 a6 J  p3 N  F
64. 
    + c8 G& E" E! B) q
65. .content { /*三列布局*/
    
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    - A1 o9 h0 l0 ^
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    3 O2 Z/ ]. W! e0 ^- g- T
68. .contentL { /*两列布局，侧边在左侧*/
      v/ W2 o4 j( ^
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    4 C( \! _5 B& B" P$ T
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    6 A6 ?, R/ o6 w
71. .contentR { /*两列布局，侧边在右侧*/
    
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    - e# ?( _: f: v* X5 ^
74. /*侧边样式*/
    2 _. @) w5 |" B2 z. [$ N5 G
75. .sideL { width: 296px; float: left; overflow: hidden; }
    
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    & u: u) V3 }7 t0 G' s! c
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    ! a0 }( Z' r# ]# h1 t
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    / ~* `) ~6 V* j% c( u
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    
84. /*版块标题*/
    + `- C) h/ s) D3 O- g
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    ; F1 J" \- ]% k+ D
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    7 C/ |, x: f' Y
87.         .blocktitle .more { margin-right: 5px; }
    
88. 
    
89. /*头条信息*/
    
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    ' @6 M$ Z* y8 r: v
91.         #headline strong { font-size: 1.2em; }
    - \, y8 ]9 o, l# H
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; }
    + g% q/ R8 c+ ^9 D8 g* @
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    
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; }
    
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     7 W8 ^: f* ^9 M8 y5 |# _; Z
103. 
     
104.         /*侧边多行列表*/
     3 C4 E/ Q: t7 X$ r1 s2 A+ G! [. b& U
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
       \/ y( _2 y, ^
107.                 .sideblock dt { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     9 f0 P& P2 x/ [
108.                 .sideblock dd { color: #999; margin-left: 0.8em; }
     9 a1 x' T! b9 N9 M" {% u
109.                         .sideblock dd a { color: #999; }
     
110. 
     
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; }
     
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     9 S: k7 Y. e. S; v
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     # c2 R+ N7 a9 @9 b. X# U
117. /*多行信息列表*/
     
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     * W4 L# @/ G8 `0 @+ U) N
119.         .messagelist li { margin: 5px 0 10px 0;}
     2 p7 T+ [% W0 ?* i/ L; o% ]
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     * g& X2 R$ s8 |; I6 M9 f8 L# j0 R
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     6 u" F, X) f/ X: H0 s
123.                 .messagelist li p { margin: 0; }
     
124. 
     9 F( j. D; A* g6 I1 p
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     & I9 ~+ S, W. \2 Q- |8 G
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; }
     7 I4 z$ A/ I( u
128.                         .messagelist dd a { color: #999; }
     % `% y4 `0 o& c" E
129. 
     % w5 h. v, w; Q& r
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     1 s0 s6 Z7 ?- \" k
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     
133.                 #hottag div { color: #999; overflow: hidden; }
     + ~8 v2 V9 Q& Y9 @* a4 q5 |
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     * [# W9 S; U0 J8 t
136. 
     4 r! E# W2 g) q$ b6 m; V6 C9 _
137. /*用户面板*/
     ' M6 s; A5 _, @/ L4 {  N5 j0 A' [1 Q
138. #userpanel { height: 8.8em; overflow: hidden; }
     ' G$ q2 V3 J2 @6 P8 {: R0 M
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     & H3 F# k) u' K2 {- ]
140.                 #userpanel input { width: 90px; }
     ) _7 A3 b; P& B% z% `! ?3 W* B8 [0 h
141.                 #userpanel p { margin: 0.5em 0; }
     & }) O6 F' f  j' _7 p/ ?, X
142.                 #dologin { float: right; }
     " b5 }! |; W0 t
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     
144.         /*登录后*/
     ! }2 K' O: ~8 |, P2 @
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; }
     4 t% C* Y5 S8 d+ ]1 Q1 v
147. 
     ; K0 l+ o4 c+ g+ H
148. /*空间之星*/
     
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     ' V1 u: m$ D9 K4 d1 C$ j- c) I
150.         #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
     - n8 {  I$ t& q5 ]* h* @
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; }
       s3 {4 W: G! f& _. `  \
153. 
     
154. /*同城空间*/
     # Q1 B; n, {0 S8 e
155. #cityspace { background: #F0F9FF; }
     
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     - v" [) \: g: c  _) h# F9 }! K$ O- b
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; }
     7 h6 w" A, m* e. }% ~
160. 
     . O7 W) p% s* f; p' \$ `
161. /*空间排行*/
     ' e% w. ]& m: T- n4 O! G. A$ ]
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; }
     5 \* O2 s$ J. \% _3 b  j1 ?
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     : C/ Y1 m% A" c+ d, P  {( C
165. 
     ' G  ~8 e2 _; W; B
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; }
     
169.         #hotarticletabs { position: absolute; margin: 0; line-height: 18px; top: 7px!important; top: 8px; right: 10px; }
     , V+ _, \: m/ @
170.                 #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
     % E# f# Q6 O* o' }# A
171.                         #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
       {9 d; Z6 u% ~7 U) m1 l
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; }
     * e4 h5 t' a/ W8 n! {
174. 
     . @9 n5 i% c  l2 Z2 g
175. /*图片列表*/
     7 V- ?$ i' I/ I6 L: B( U9 k2 {* g
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; }
     4 {$ P; T& C, @9 n: t6 Z
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     3 k+ Y) t: u. r6 v* S3 U
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     & \: V  {- V0 g. g' c
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     7 a: w# O! x$ c6 @  y, `7 A: P
182.                         .imgthumblist img { width: 100px; height: 100px; }
     
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     
185.                 .throughgallery .imgthumblist { margin: 0; }
     8 P: D  y+ U/ k1 ?2 X) }
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     2 X+ T4 }+ O& ?1 a0 y8 G
188. /*商品*/
     
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     " A/ P6 t; b* D! }# @
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     
191.                 .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
     9 U6 s4 I7 `; |$ o& \
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; }
     ' A" M7 p8 ~6 C% X8 f: P# C
194. 
     ; b- ~3 t/ z5 X" V
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     1 u- n3 t* V' B0 Q7 }% q! x
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; }
     
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     8 i9 T5 v) L+ n4 {4 g" `
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     : k+ v( T% B/ d) o, ~2 D2 _: C
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     
203.        
     + O1 ~9 H% `( `9 J1 d1 `
204. 
     , F$ q$ j: N) N- N
205. /*栏目区块列表*/
     , @/ a0 o( r& }/ V8 h5 e
206. .category {  margin: 4px 0 10px 0; }
     3 L) U, h$ k* W- w* X+ A0 f
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     5 @! ~8 _% R0 [; h6 H$ s. i
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; }
     " D3 j+ d7 C+ q4 p
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; }*/
     7 z8 |( }# m2 F7 @/ y
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     
214. 
     % m$ V3 o" l& q* {
215. 
     . y3 M* \9 {& M7 `* d0 C+ a' G. o
216. /*-----------------------------------------------------------------------------------首页各版块*/
     ( b/ r& y+ q6 o" l' i% W) m
217. 
     
218. /*#commendimage { height: 155px; }
     $ x5 L# b0 C) F' R7 f
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     , ^1 Z$ M9 R$ }2 U9 r4 a
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     : Z) X; m3 F/ c7 e
222. 
     
223. 
     4 Z9 ?$ `4 @7 Z; e- b9 g
224. 
     , T! t, c" ]& F% ]4 f3 }
225. 
     4 e- _9 _- I+ B; J' Y1 N
226. /*信息列表*/
     
227. .articlelist li { padding-left: 60px; }
     " f- W0 b  E2 b* c& d6 J6 S
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.        
     & x$ n" l! G/ n, O4 g$ O) i1 M
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     / M4 A5 d6 Y. W% }( X6 W  N2 h1 K
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     ; k1 e4 L4 a/ D7 U
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     5 G7 W' ~2 u$ c3 _
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
       G5 ?, e! |! }9 P  k- L0 w
235.                 .articlelist h4 a { color: #000099; }
     8 H( C; h$ k- [/ C5 R3 M
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     
237.                
     ' m/ C' |2 P0 S- m5 \4 c) y: K$ A
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     
239.                         .articlelist li strong a { color: #999; }
       E. P$ a/ d6 ]
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     
242. 
     
243. 
     
244. .catepic { text-align: center; }
     
245.         .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
     3 y; k, I. }5 R0 ~6 E# N
246.                 max-width: 150px; max-height: 150px; width: expression(this.width > 150 ? 150: true); height: expression(this.height > 150 ? 150: true); }
     
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
     
249. /*专题列表*/
     $ E8 T* z9 [2 V4 E9 L, B5 T6 E
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     , J, P# Y4 S, r  U1 o0 W
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; }
     
254. 
     3 `3 ~4 Z$ @5 g9 K6 {  `% k+ v
255. 
     9 y  V* S/ r% {6 J7 w4 ?' Z
256.         #xspace-rates { height: 2em; }
     
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; }
     6 n; v/ Q1 k4 }+ ]2 S
259.                         #xspace-rates a:hover { border-color: #CCC; }
     9 _" v$ }& n, |% V
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; }
     + K# W3 ?" k  j. D
261. 
     
262. 
     4 c, {2 A5 J: A7 u! m
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     , l, e9 m: P/ b% M: F' k' g" o2 q) R
264. 
     7 r2 g. E# u* s% U0 s
265. 
     
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     
270.                 .pages a { text-decoration: none; }
     
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     
272. 
     . ~4 m: E, |" T7 n, q* S% S
273. /* 分页 */
     # E' G: {6 E% x, w+ v( V/ s
274. .xspace-page { margin: 2px 2px 2px auto; }
     8 B9 f0 F3 i$ ^! c# g# }! F
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; }
     
277.         table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
     9 C1 k  W" h2 G8 |4 P5 \$ Z
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; }
     : k9 A5 o4 c& d1 y8 {
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
282. 
     
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; }
     : X: g7 A8 W5 B3 `1 P$ _% {
285.         #footer p { margin: 0.3em 0; color: #999; }
     1 e0 V+ @4 w7 \5 B
286.         #footer strong { color: #007AB6; }
     / x/ T3 m- s" v% V. @. h  m6 K
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     : D. u- w2 P; |. D8 a! `% A  t
290.        
     ! V0 f4 m! V. n- H% C
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     5 J/ M, |9 g( i( G2 }  Z; q" k
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; }
     8 W0 q9 f2 y4 f) l4 F: G$ t
295. 
     
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     ) ?: T1 {& `* b3 [2 @% u
297.         #articlebody * { line-height: normal; }
     : {. ?8 R& j5 [& r  M  i+ u6 y
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; }
     $ b8 K; h9 K& W  y. R/ ~: ?
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
305.        
     
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     * Z  I* l( l7 t, p" h4 P" x, V: H8 L
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); }
     9 m1 K' n) ]6 ~4 T8 F+ [
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; }
     
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; }
     - S9 L8 I  T6 h! S; r
323.         #xspace-rates { height: 2em; }
     ; ?. D# d- S  E2 W4 |  d* t. ^
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     $ ~9 m0 L5 F! i& C' g; ~  P
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; }
     9 s& _5 _, L5 E$ l+ T# H" r. q
326.                         #xspace-rates a:hover { border-color: #CCC; }
     7 p6 {8 E# C; ]2 j8 }3 H# U% u
327.                         .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }
     + h+ m/ Q8 e( p! m* S- k
328. 
     
329. /*AJAX div*/
     / B# ]( C+ \. \+ E1 L
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     8 z! R& }3 ?1 w+ X  N
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   7 S* W6 G. R3 y3 M7 q
2. 
   
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   * Z# H9 r* d. z; p8 X) k& s
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   3 G7 U2 L' s( q  a1 V6 ]& P$ a+ R+ j
5. 
   ' z4 U$ _+ A* G* }

复制代码

# Z" |8 i) D/ \/ ^6 a
分析

1. margin属性说明：
   " \8 B0 f. T& T& r4 n
2. 
   7 a1 s( m7 b' Z5 Q/ R1 b
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   $ B6 B2 C2 k: |" }: q3 _
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   - l4 w/ e: v; s$ o$ @" T, K- @* m
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   ) s% V! B2 n) ~  @2 V
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    1 Z/ f3 i7 o+ r& {
11. 
    # T8 G. w9 E/ ^& V; N
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    + K1 o7 D+ i0 p: \* K4 Q& j6 j
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    9 m/ `0 C& t% `; H
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   
2. a { color: #000; text-decoration: none; }
   $ @' U9 G" L, R8 w7 Q* r; q( |: K7 s% O
3.         a:hover { text-decoration: underline; color: #000098; }
   9 T. S" ^9 ]! u- E( D1 X' ~
4.                 a:visited { color: #666;}
   . ~. C4 C" x7 O$ y# P
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
   . S) M0 K6 L+ a/ o% ]+ m
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   % L- {" ]: |! I) _; r' }0 D& x$ ^
7.         a img { border: none; }
   / ]7 s& d! s9 c$ b' L" J
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   * _+ H$ o5 }4 S: J8 U9 Z9 s* F
9.         li cite a { color: #999; }
   1 a3 }+ y4 T" u0 z
10.                 li cite a:visited { color: #999; }
    4 G9 M5 T. Q- i' p( S
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
12. 
    0 W3 T+ R, w, [" A7 ]8 @! _! O6 b

复制代码

5 G4 Y* }5 Z8 f分析

( N& K7 p$ w5 X' e, c, P" M7 d0 s

1. 
   2 H& N$ c2 [" D- _: I* {' A- D
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   
4. blink : 　闪烁
   
5. underline : 　下划线
   
6. line-through : 　贯穿线
   
7. overline : 　上划线
   8 z' [( }' T0 S: F
8. 
   
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
      V, a/ [; x0 K  ]3 J; U
11. 
    & u4 g4 M: m+ J  T  U3 M  }
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    ) D4 E' X5 G7 u
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    3 l' W3 j. ^: t
16. 上面这两行是与鼠标相关
    - H/ e; C2 z& \5 ^7 z
17. 
    , `$ M& l( C) |$ H2 a' s
18. a img { border: none; }图片连接相关
    - Z# p# E3 Z- l3 g
19. 
    4 w% k0 p! H, b2 H
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    
23. 
    $ C5 B+ R! M% y
24. font-style:字体式样,一般常用参数有:
    
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    
27. oblique : 倾斜的字体
    % |- Y8 z- u' w- w
28. 
    3 f* R9 i! I7 a4 d+ B7 b3 d
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    1 N& H$ W$ v5 Z5 k$ D" ]! K
32. left : 　对象浮在左边
    ! r) Q3 n0 a5 `: S
33. right : 　对象浮在右边
    5 I+ {2 @0 B! ^( t7 C
34. 
    2 a1 E0 |+ c1 C
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    
38. 
    
39. background: transparent 这个的意思就是背景透明...
    ! C. I6 `/ ?8 f' ]# {3 t3 M  x
40. 
    + x- A# o& ^& Q5 x: _
41. 
    
42. 
    5 A1 w; \) m& q1 X: r
43. font-weight: normal :文本字体的粗细,常用参数如下:
    , D- B+ m. _" M( o( k3 y* p& Y! I
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    6 W) X4 U( [0 H- U
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
      T5 \" p# Q! D7 R" Y! C
47. lighter : IE5+　细体
    
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    
51. 语法：(每一竖隔开为一个状态)
    . F$ u8 l: r1 Y& N; I' 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)
    
53. 
    * P% q8 e8 m# o* W, L5 Q8 v: M2 h
54. 
    
55. 
    , X9 I" S" K3 z! F: H0 l7 J
56. 
    * I2 I9 j) I  {2 L: [; O2 b4 _
57. 
    
58. 
    % ^- O0 T# P5 l% }; |" u) b5 h1 D
59. 
    . l( m" T* l$ N! o4 s

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   
2. 
   0 R9 |; O! I7 l+ p  ^* v: `' J9 f9 G
3. form { margin: 0; }
   
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   3 D; Y5 q- L$ ?; b. U
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   $ b- r" p. z, G% `9 [( c4 q
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   3 o9 o  x) q7 Q
7.         fieldset { border: 0; padding: 0; }
   0 B0 z! r" [/ E& c
8.                 legend { display: none; }
   8 q9 ~: Z& W3 M# O& \7 l  U
9.         label { cursor: pointer; margin-right: 0.5em; }
   4 G4 _" X* c% d0 ~, J$ ]" N

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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