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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   
2. #newsblock { margin-top: 4px; }
   - j5 h4 F( ?1 l% e: k
3. /*-----------------------------------------------------------------------------------综合设置*/
   
4. 
   
5. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   
6. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
7. 
   ' r5 a& K+ l) w
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   . `& Q) j  l2 c. {% v: G
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; }
    $ R3 A. O* k! P
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; }
    
16.         li cite a { color: #999; }
    2 F' z8 S$ u/ `, c* S# ^
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; }
    ; `: ]) ?, p. o& }3 T
19. 
    
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    
22. form { margin: 0; }
    , P% B* J$ I( s% s) _6 }* t, z
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;
    - g4 |/ [/ ^% j/ V* I% P0 V( u; D) N( ~
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    ; u- x/ |9 R6 R4 ^- X8 q6 J
26.         fieldset { border: 0; padding: 0; }
    
27.                 legend { display: none; }
    : L: b: j# V1 s8 w
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
    
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    3 M1 \- T! Q( H) Y0 r+ X
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; }
    ; W+ S& M# [3 ~" o8 s  s% W& g
33.         #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #86B9D6; }
    
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    
35.                         #topmenu a { color: #154BA0; }
    
36. 
    3 n' K* a- T$ N0 O
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; }
    % O( U8 p1 c- _9 O& E- D% W
39.         .banner468 { float: right; }
    
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; }
    9 _6 h  |( E8 {7 e9 ^
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; }
    6 b+ ~7 G- |) [, A
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    % s) q3 F& s5 ]: g+ i
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    8 z! P# ]) d; [+ ^
50. 
    : s  N/ G+ u5 i6 r( Q
51. /*您的位置导航*/
    
52. #navigation { padding: 1.2em 0; }
    $ M0 M( M- \* V  m$ z& R3 C
53.         #navigation p { margin: 0;}
    3 p/ i( d0 s1 i9 [
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    
55.         #searchform { float: right; }
    $ J# O" u. l, I& z& \  I
56.                 #searchform * { vertical-align: top; }
    ' v- `/ c5 E# P& _
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; }
    
60.                 #navigation.simplepage p { float: right; margin-right: 0.5em; }
    
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    & }- U6 W3 @! [* |
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    
64. 
    
65. .content { /*三列布局*/
    . e3 r; A4 o0 _8 m# O* ?
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    5 }8 ^( N8 ^/ W
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    : x  b* K9 _. U  _
68. .contentL { /*两列布局，侧边在左侧*/
    ( n& u) {3 t, |
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    ( R) S: C: H' x9 ^& U  g
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    5 n0 l! o6 z- p$ d1 _9 p
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    7 f0 R) B2 }0 k6 w$ j
74. /*侧边样式*/
    1 @8 I. m! [7 Q
75. .sideL { width: 296px; float: left; overflow: hidden; }
      c4 ?9 E. F8 i2 ?( d& h+ o4 T) {
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    7 L5 n7 Q* _. w
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    / C% m9 R6 r, C; q
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    
83. 
    4 ]4 z3 m, j" z+ ^  e8 }6 p5 M
84. /*版块标题*/
    
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    : Q. w# `. G9 m& s( n* ^# i1 }
87.         .blocktitle .more { margin-right: 5px; }
    
88. 
    
89. /*头条信息*/
    
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    ( S: }! }) t: k- M- q
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; }
    # M3 n1 `* v3 f, S
94. 
    
95. /*侧边版块*/
    
96. .sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
    
97.         .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
    8 C6 `; }7 G9 z* ]/ q( v% Q
98.         .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
    2 m" u' I& O/ Z% N# K- g
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    1 W1 N1 |5 z' ^- o( X, B
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     2 h/ s0 ^$ T4 O& P  ?1 W
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. 
     6 c$ \( \) e: x
104.         /*侧边多行列表*/
     - ]( ^" z  ~* e' s2 P/ i' e' U. y) s
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     
107.                 .sideblock dt { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
108.                 .sideblock dd { color: #999; margin-left: 0.8em; }
     
109.                         .sideblock dd a { color: #999; }
     
110. 
     
111. /*单行信息列表*/
     8 g2 Z! Y, E4 m; P/ V$ J% o6 l
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     & D& x2 L& q5 V+ Y" ]' F! e. U
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. 
     1 [0 c+ x7 c2 _" X( I
117. /*多行信息列表*/
     
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     
119.         .messagelist li { margin: 5px 0 10px 0;}
     
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     1 j, g; J+ a- g, v( m
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     ( Q: a% m; \' V: U; X
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     # b9 ^1 Q. `9 ?( `# W& A% ]; Z/ R& [
123.                 .messagelist li p { margin: 0; }
     
124. 
     % G, }. D; [' j, g9 ?
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     , B5 y$ x5 `5 I* {6 e/ b/ c
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     ! {: V( g# P  b8 o
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     % C/ Q7 j& X; Y/ _# b9 D
128.                         .messagelist dd a { color: #999; }
     
129. 
     
130. /*热门话题*/
     * T+ \/ @& ?' ~3 Z+ S1 G3 k
131. #hottag { overflow: hidden;  }
     
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     , j; W1 G: {2 J% q# d: a; x
133.                 #hottag div { color: #999; overflow: hidden; }
     8 R8 I1 d. N9 n0 h4 m
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     1 w" P  b  T! \/ A) t
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     + u, K8 Z, i% i2 Z
140.                 #userpanel input { width: 90px; }
     6 m& E$ G- C4 i7 W
141.                 #userpanel p { margin: 0.5em 0; }
     
142.                 #dologin { float: right; }
     
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     5 A* r1 d5 N, o+ |# f/ f
144.         /*登录后*/
     
145.         #userpanel li { border-bottom: 1px solid #BBE9FF; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }
     
146.                 #userpanel li a { color: #000098; }
     
147. 
     
148. /*空间之星*/
     ! x0 Z& R+ z2 e3 t
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     
150.         #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
     
151.         #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
     ) [( m1 o+ `! f- h+ g! ~/ f! R
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     $ B# ~& M4 s2 M$ M' Y6 Q
153. 
     . U" X* U* g8 \2 b
154. /*同城空间*/
     7 b% k! M8 g: k$ n. }% G& k6 F' X
155. #cityspace { background: #F0F9FF; }
     - Z6 q! h8 s, t1 R9 P
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     
157.         #cityspace select { margin: 2px 0; }
     
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     0 l5 N3 J! x+ R0 G
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     
160. 
     
161. /*空间排行*/
     7 E( Z" c2 ?7 s
162. #hotspace ol { margin: 0; padding: 0 0 0 20px; line-height: 20px; background: url(../images/new/hotspace_bg.gif) no-repeat; list-style: none; }
     
163.         #hotspace li { height: 20px; overflow: hidden; }
     
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     : |, Q3 U* D) C! R) f6 n
165. 
     : n7 {, ]( F' H) S) P8 g
166. /*热门文章 */
     2 [# L. Q4 i3 S9 [" g2 p) c
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     ( a- E9 M% y1 o$ ?7 O8 m
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; }
     1 A8 R( `7 K* t
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; }
     
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; }
     ' K6 k! J1 j* Q5 G$ i
174. 
     6 K' f, }2 M4 ?1 Q
175. /*图片列表*/
     ( k) \' ~  a% w3 q
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     4 w5 f. E9 s% }5 y
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     % S7 T7 H5 [; F. ~/ l
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; }
     * s% k9 o* |7 O/ A6 i% x
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     : R% w9 F$ o0 x! k' _8 z! S- w: u
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     & H' B2 t2 W, h9 T
182.                         .imgthumblist img { width: 100px; height: 100px; }
     6 i  `0 a( {7 @
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     3 W! `8 Z0 V9 z9 `% }4 M1 h
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     0 l2 P% A" F- ^% z; X
185.                 .throughgallery .imgthumblist { margin: 0; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     , c) Q# x# e9 N. J2 ^. ?
187. 
     
188. /*商品*/
     
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     , B. c3 i! W8 V: d, N3 L
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; }
     0 ~" J' I% G" ]; w! g' l( N. M
193.                         .goodsthumblist li p { margin: -3px 0 0 !important; margin: 0; height: 1.5em; line-height 1.5em; overflow: hidden; }
     ; p) A: f1 }( p' a# l
194. 
     
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     
196.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     
197.                 /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
     : S: Y7 |, X: J# x8 {+ g4 x, j
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     - O* d& g3 U: h3 T. B! Y/ p
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     - J& I% \0 w5 B/ ~
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     ! x, ~1 t- r& W
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     $ d* v, Q; P! G' U8 x) h8 u
203.        
     
204. 
     : T4 r# K9 A2 ]$ }% @6 X3 U
205. /*栏目区块列表*/
     . m* k- b# q' o6 F7 g7 F
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; }
     ( L# r5 y2 H" C, r
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     , Z* F. j1 p. Y3 z
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     ' Q# O; A3 U0 c0 H+ R
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     9 v1 R% P! J$ H
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; }*/
     # h& H8 A; y: Y1 v  W) B
213.                 .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }
     
214. 
     0 D% s( Y6 s' _. V% \6 S$ Z
215. 
     : m3 S5 ^4 m. U
216. /*-----------------------------------------------------------------------------------首页各版块*/
     ' P+ R) l7 b$ \4 I5 ]: U" C
217. 
     $ Z% G. D% _- {5 [. E% k3 l
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     
222. 
     - a4 s# |' c# e  U9 B8 S4 w2 s
223. 
     
224. 
     
225. 
     
226. /*信息列表*/
     
227. .articlelist li { padding-left: 60px; }
     % j$ H2 z/ V5 M1 Y" |" H
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     & v: Q) C; G  \# _2 g8 W
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     ' d& w7 ^/ j  U3 g) B, F$ V6 {
230.        
     3 q, W9 I9 }' @
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; }
     4 m# E: c" n6 E1 `6 _2 {' G2 G/ c3 P
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
     
235.                 .articlelist h4 a { color: #000099; }
     
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     ' }0 g5 T1 H' R4 N
237.                
     
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
     
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. 
     
243. 
     
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); }
     9 U+ I, d5 c3 \6 A* r
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
     
249. /*专题列表*/
     8 H  b$ ?0 L9 P4 d
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     + i% ]- e! c; m/ v* b
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     & L8 B% H' h' q# S: [  h8 K
254. 
     
255. 
     
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; }
     
259.                         #xspace-rates a:hover { border-color: #CCC; }
     
260.                         .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }
     
261. 
     * y2 M. T# i. H( ?- B; Y: U
262. 
     / Z& W# y' C: _6 ~
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     2 f( U  i  f3 i( k$ g) s
264. 
     
265. 
     $ I" o; k; @0 v5 e& f9 x. y4 T
266. /*Pages*/
     $ w) R! ^! J5 N5 c% E
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     " k2 ?7 c$ t9 a
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     ' O7 k  F. d9 X; N, C1 [* i; i
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; }*/
     7 G' p1 ?" I/ i5 x3 X: E, R
272. 
     
273. /* 分页 */
     9 K% V8 n6 B: J, f+ t( ]
274. .xspace-page { margin: 2px 2px 2px auto; }
     
275.         table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
     1 E' b6 b( [. o( V4 M0 H
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; }
     
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; }
     
282. 
     
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     / a" e$ F# ?( \" ]
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; }
     2 @/ i8 ^9 Y: x+ l# q
286.         #footer strong { color: #007AB6; }
     # o; c, s2 x7 f# `
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     * E- F: _( O( {% V6 ]
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     " o. d5 O; V; a, Z0 N# a$ w/ R
290.        
     4 ]8 S) q$ S5 S* K" |
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
       e' D1 u4 i3 _2 I  P
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     % Z$ J! p& \1 i  @# a
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     
294. .articlectrl { margin: 0.5em 0 1.5em; }
     
295. 
     ' u2 A( U) c: Y- |
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     & b2 H1 k' o# I6 m* s: |
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; }
     1 Y9 L' l+ y- ^; i( B& n
302.                 #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
     
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     % T5 B. b% t* V! l1 {
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     6 c, D8 x: y) @8 b% g0 W( J
305.        
     
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     # l6 ~; k5 c0 i; M
307.        
       d+ O) H! i- v9 m( Q
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; }
     " t5 W; m9 e- v) X* L
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     2 g+ k% O) k8 c8 }  a
311.                                 #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
     + R% h& D7 ^3 W: Q" i, F& c3 j
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; }
     . S; {0 j$ V3 r- \8 f- r
316. 
     
317. /*发表评论*/
     7 j7 r  q) t: h, w) Z
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; }
     / v; l8 R4 R' t+ V0 S
321.         #comment p { margin: 0.3em 0; }
     
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     ( B" c* _" o3 D7 _
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     
325.                 #xspace-rates a { float: left; border: 1px solid #EEE; text-decoration: none; width: 20px; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; }
     
326.                         #xspace-rates a:hover { border-color: #CCC; }
     , h6 e4 C1 T7 t+ v) f9 O. ]
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. 
     ! F* }5 U7 `5 l
329. /*AJAX div*/
     
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; }
     5 d4 o9 A& w6 D' s) U) n" a
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     ; q* t9 Z) v* s( ]0 z# U
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   
2. 
   $ b/ u2 v' K4 V/ S( C; D9 A
3. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   
4. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   : X3 ^7 o% o7 }
5. 
   + ~/ [3 Q* n1 h. ?) z

复制代码

% s1 T! i; ?5 A, Z; g
分析
  S: E9 Z- W% J% f0 |
4 q0 G0 I1 {) k! a5 E

1. margin属性说明：
   
2. 
   
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   - ?( }( Z! X4 z  K* K* I6 B$ m
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   ) w" T- T) M& r, m6 H
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   6 S) y( l# _; g# j2 e
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   
10. 外延边距始终透明。
    $ O/ }* f# a" X* ^( R: p# h2 w
11. 
    
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    - J1 h" o5 I3 `" Q" ]4 U
15. 
    
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   
2. a { color: #000; text-decoration: none; }
   
3.         a:hover { text-decoration: underline; color: #000098; }
   : K5 Y" q  @9 P8 A  ^1 K
4.                 a:visited { color: #666;}
   ' A6 F0 |: s4 _3 ?  N4 {3 R
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
   0 S$ Z% q) g( k5 _- h4 y) J
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   ( q+ J3 H2 Q: p; b% r$ \! Z
7.         a img { border: none; }
   
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   
9.         li cite a { color: #999; }
   & ]& j$ D4 P: w
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; }
    ' M- V% V, f; A; t  w% r1 W
12. 
    & x6 A0 S# R, w9 I9 D/ ]+ h

复制代码

分析
# z. f+ P7 i5 q

1. 
   
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   
4. blink : 　闪烁
   
5. underline : 　下划线
   
6. line-through : 　贯穿线
   8 Y8 ?* j9 {4 f* Q; z
7. overline : 　上划线
   1 y& w1 h0 E! B3 w  }: R4 w7 C
8. 
   
9. 
   4 Y/ M; y9 }; b' `' v/ D: I
10. hover:设置对象在其鼠标悬停时的样式表属性。
    
11. 
      `  r* d5 C3 {/ x4 N+ r
12. visited:对象在其链接地址已被访问过时的样式表属性。
    9 [6 P' _5 o- Y
13. 
    
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    
16. 上面这两行是与鼠标相关
    
17. 
    0 Z  E/ C& M2 i) U4 \
18. a img { border: none; }图片连接相关
    $ ~4 |$ Q% U1 a5 R
19. 
    % B! g0 x8 v1 M& q, @# N- G
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    + n4 c+ ]! p1 _  U2 \; w
23. 
    + S, |- b6 f: E7 Y' A0 e, m. l
24. font-style:字体式样,一般常用参数有:
    9 r9 ^9 K. O  W& S/ l# J7 M5 P
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    + |3 n* d. k% G2 }- A5 _3 }7 c
27. oblique : 倾斜的字体
    * k0 k4 x4 D. H8 f2 J, Z( }' I
28. 
    ' w6 C" n6 P; ]: C2 \* d/ z: K9 v
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    ( |4 X" `: O1 Q" Q
32. left : 　对象浮在左边
    9 a# I5 u; J% M3 a
33. right : 　对象浮在右边
    
34. 
    ( l0 l, Q* V& p
35. 
    , X$ B# W2 a$ S- T$ p# g! U% M
36. important:样式表条目,提升指定样式规则的应用优先权。
    , o- y. L- o* |( {# ~
37. 
    ; x% ]) K9 ?- a8 A. }
38. 
    * z6 ~6 L  N& H
39. background: transparent 这个的意思就是背景透明...
    
40. 
    0 s8 W+ x9 j, t3 g8 w
41. 
    5 e5 F# R" a6 \& `4 D: v
42. 
    . G: A# g5 _4 _2 y4 l3 [
43. font-weight: normal :文本字体的粗细,常用参数如下:
    
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    
46. bolder : IE5+　特粗体
    
47. lighter : IE5+　细体
    
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    ; ?, l1 q' q+ \4 b, C/ |/ `9 i
49. 
    
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    & Z- m8 I- |  ?  K% d% k
51. 语法：(每一竖隔开为一个状态)
    
52. cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)
    
53. 
    ) I4 o/ z1 `& ]( X
54. 
    : _8 K- J$ G' m) [% i+ H, k6 K5 ]
55. 
    + y( J5 x8 z9 F# Y
56. 
    + z+ s! s! v) H$ w0 ~1 ~
57. 
    
58. 
    
59. 
    7 O* N' }! K, ?% z7 m9 g

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   5 T8 X5 y2 R3 T
2. 
   
3. form { margin: 0; }
   : L5 Z  r# W" o5 I& R; \) x- H
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   1 {# \  I9 w# k; k9 W  b4 p
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   % |% _' t# q; O3 x  O- g4 Z0 Q! M
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   * _) M  i  g/ u! E
7.         fieldset { border: 0; padding: 0; }
   0 ?" k3 e6 p3 j
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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