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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   * w4 R+ Z4 P$ L# s
2. #newsblock { margin-top: 4px; }
   
3. /*-----------------------------------------------------------------------------------综合设置*/
   
4. 
   
5. body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
   + r% s8 A3 z4 n0 Y1 T! H' y8 Q
6. #wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }
   
7. 
   4 U( @1 f- h" F4 d
8. /*链接样式*/
   
9. a { color: #000; text-decoration: none; }
   
10.         a:hover { text-decoration: underline; color: #000098; }
    
11.                 a:visited { color: #666;}
    + w3 ?: u" n9 P0 @& k4 l
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; }
    4 \+ q9 Q. d+ t8 V9 A' e
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; }
    * C- C, P/ j7 U" g
17.                 li cite a:visited { color: #999; }
    . r1 w) ]' ~; D% J
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    
19. 
    9 \( p4 t& v# n8 L
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    
21. 
    3 ^4 M" y5 }$ C' q' m9 T# f8 _  P
22. form { margin: 0; }
    % \# T& @; \2 i- J
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    2 i) R9 n2 E4 \1 y  B- F
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
    
25.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
    % \; i3 E9 z( B
26.         fieldset { border: 0; padding: 0; }
    ; ]! S+ J! S1 G+ Q, h
27.                 legend { display: none; }
    3 T7 o6 B7 u$ h. k+ z  p
28.         label { cursor: pointer; margin-right: 0.5em; }
    
29. 
    2 N: R. R! h  K9 p5 i" |
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    4 q$ G5 T, |9 {9 j% p& a9 r! F9 @  g
31. /*顶部导航*/
    + A5 h* s! U% v+ ~$ [- ^9 H
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; }
    ) n8 w& H0 E  L! Y6 s/ t. @, `
34.                 #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
    
35.                         #topmenu a { color: #154BA0; }
    8 J( k  t" A/ h, d  Y( v
36. 
    + P; f" Z. B3 K
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    6 J+ \+ t- l' n% Z8 P: o
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    
39.         .banner468 { float: right; }
    * U5 G; ^; a$ k% G  ?/ t
40. 
    
41. /*主导航*/
    . J7 u) J! Q6 ^$ ^0 l' s* P
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; }
    2 w" q6 x8 w6 F2 S! k; R
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; }
    
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    $ D9 J& _2 c2 P6 A0 {
48.                         #menu dt a { color: #000098 !important; }
    
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    
50. 
    ; y" N# ^) I% V7 y
51. /*您的位置导航*/
    
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    " D* y0 @$ v8 H$ h8 q: D9 U
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    - D. M2 ^* t! b' d* M
55.         #searchform { float: right; }
    ' u: v! Y, w9 ^* n* U/ G+ @
56.                 #searchform * { vertical-align: top; }
    
57.                 #searchform button { margin-left: 0.5em; }
    1 f1 h5 f- [% e/ y0 Q
58. 
    / f% U4 P' Y2 f8 [
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; }
    + w1 f0 W7 N( Q8 {# b& ~
62. 
    9 B3 o# j6 Y0 g& L" |( B/ B% U
63. /*-----------------------------------------------------------------------------------布局*/
    
64. 
    ; z9 B  X* _7 ]
65. .content { /*三列布局*/
    & m+ ?- X# b; c+ t
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    . {. G* {9 R4 C+ B
68. .contentL { /*两列布局，侧边在左侧*/
    
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    - c+ ^1 M( P/ Y0 E" k: u- r
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    ) d6 A8 A" I& A6 C0 m
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    + V' X3 m4 t! T: O& a/ J
73.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
74. /*侧边样式*/
    
75. .sideL { width: 296px; float: left; overflow: hidden; }
    
76. .sideR { width: 202px; float: right; overflow: hidden; }
    
77. /*中间部分样式*/
    - j; B- G! r# C5 E
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    0 W' M0 `- K* k% o$ R
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
    
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    
82. /*-----------------------------------------------------------------------------------版块样式*/
    6 _5 B; q9 u- V; w0 e# l
83. 
    
84. /*版块标题*/
    : K: X+ l' D. N6 @! b
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    # ^# K; }+ o6 P% d
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    ' B) u1 a8 n- {- x$ E
87.         .blocktitle .more { margin-right: 5px; }
    ' @; L% |2 c* |$ W2 w- Q3 K, [1 U
88. 
    6 f8 l# p: q0 y- b. U1 n
89. /*头条信息*/
    ! p0 @) B1 q9 j- u
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    + F5 F9 e5 q, g& V1 W4 |% _
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; }
    5 s7 Q  l; s% ^: b* O  q% t; H
94. 
    $ l! n" M/ C* P3 t4 r0 G0 ~
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; } /*简单版块*/
    : g( p! w7 [3 x
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    & u" T6 v. ?. X( {* F
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     , [8 v' v( ]' d& Y
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     , i# j- u( F4 S6 P; A# i! ]# t; x
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     
103. 
     ( s7 J/ s$ f) q9 y
104.         /*侧边多行列表*/
     1 A8 f( h( T$ K3 M# g( M( ?
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
       M% g1 k$ N0 B6 V( e
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; }
     ! t& J1 T3 R1 Z* d8 k/ `, b
109.                         .sideblock dd a { color: #999; }
       E6 k* Y' x* H2 h; j- U, H6 l
110. 
     ! a4 s# X" }( k) d' E- ]# q
111. /*单行信息列表*/
     & C3 F9 _( |2 e, [8 O
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; }
     : V% d, S/ x' N
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     3 r9 z: ]2 `# X# V: ^& `5 Z" h. ]
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     
117. /*多行信息列表*/
     ; ?8 U% P, K; d) a3 W7 n
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     7 S. K: @& S: @$ [5 r- x) |
119.         .messagelist li { margin: 5px 0 10px 0;}
     
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     * m: {5 D' ]! s
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     / o0 o8 E! r; e0 Q0 \( [7 |
123.                 .messagelist li p { margin: 0; }
     8 l. x3 I: p7 P2 r2 R( q
124. 
     . F/ a- A; w# g) v3 H0 f. M
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     - p1 _) S0 t# {3 i1 S( C; v
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     6 m" l; n$ Z# {( L
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     
128.                         .messagelist dd a { color: #999; }
     3 V9 X8 L  m- q4 V! J
129. 
     ' g+ ~! M* p' k" Z- y
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     / G. X" m( H2 c
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     
133.                 #hottag div { color: #999; overflow: hidden; }
     * t  A9 n! V( ]2 x% E6 z
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
     / A8 F( T- \; k- W5 v5 z* j
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     ) o2 ]2 o. M2 n& s; ~7 @
140.                 #userpanel input { width: 90px; }
     
141.                 #userpanel p { margin: 0.5em 0; }
     
142.                 #dologin { float: right; }
     + C& Z0 V: o, P1 i* g& M
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     + X' a5 k1 z; @2 E
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; }
     % h3 `+ }; |+ q0 R2 u& M
146.                 #userpanel li a { color: #000098; }
     7 F  {' y: f/ q3 u; Q; S& }
147. 
     0 ^4 L% t) ]1 I+ X! ^
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; }
     
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; }
     
153. 
     
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     7 e- l2 r( D2 q7 V0 C9 V$ V
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     
157.         #cityspace select { margin: 2px 0; }
     . p8 j+ P- R- K2 n' l( s2 Z, E/ |
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     
160. 
     3 j1 |/ x% v5 z6 h
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) Q- ^& j- S
163.         #hotspace li { height: 20px; overflow: hidden; }
     1 I3 S4 a5 U5 `" w2 D: `( G
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     
165. 
     
166. /*热门文章 */
     8 C; ?& S8 N$ O3 [! d9 L
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; }
     ) T- v; N! r$ o; o
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; }
     . ]& Y. Q, M  l4 e: b1 P
173.                 #hotarticle li { height: 1.7em; overflow: hidden; color: #999; padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
174. 
     2 g! n2 d( S+ m6 ?: E7 I
175. /*图片列表*/
     
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     + g  ]" g' A# _! J* X8 b% A6 L: U
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; }
     ; w+ g0 r4 f3 T8 S9 n$ j3 O
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     7 T/ S% U5 M/ n' q2 w$ ]1 ^
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     0 s9 T6 C: E$ \" y
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     - D) u2 q7 q/ o' w2 n5 g6 T# h
182.                         .imgthumblist img { width: 100px; height: 100px; }
     
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     , i7 l% J4 u8 G
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     ! x+ S! O7 }/ p, B# k
185.                 .throughgallery .imgthumblist { margin: 0; }
     4 e& @$ z6 X9 i/ J. \
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     4 W* j' l! `* a4 t3 ?
188. /*商品*/
     
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     
191.                 .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
     9 T4 @$ m" }5 m' T3 _
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. 
     2 Q/ P- T7 B8 ?+ J1 a6 E
195. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
     * c3 u9 a5 z- j
196.                 .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
     & a; ^0 Q! g8 a- x9 [
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; }
     1 Q$ h3 N8 [5 ~9 k# ?# V
200.                         .imgtitlelist li p { margin: 0; line-height: 1.5em; }
     
201.         .sideblock .imgtitlelist li { padding-left: 65px; }
     
202.                 .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
     
203.        
     
204. 
     
205. /*栏目区块列表*/
     
206. .category {  margin: 4px 0 10px 0; }
     : B6 j9 C; I& i' Q) a4 |* z
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; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     + ^  P# u7 N0 \$ w! r
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     / w8 t, J+ q+ X1 y$ a6 P9 h8 A
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. 
     ' ]$ |. O2 T# X3 K4 ?
215. 
     % r7 o& F+ t! [
216. /*-----------------------------------------------------------------------------------首页各版块*/
     : O. L/ j8 o# t1 H0 v
217. 
     
218. /*#commendimage { height: 155px; }
     + r9 V0 Y% q! ?
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     " A: f( Y" h1 y& A1 e2 G
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     / U$ w* c+ g# O$ r* L7 K
222. 
     9 U' a" G% T) A- Y' c  ~$ Y; @. ^
223. 
     
224. 
     
225. 
     4 U/ n/ R5 v. Y- N2 ~, \0 o1 x
226. /*信息列表*/
     4 m/ j, X% K# |) s9 N
227. .articlelist li { padding-left: 60px; }
     
228.         .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     
229. /*.articlelist  h3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
     9 R* q& `" Q# S3 {. O
230.        
     + ^" u7 ?7 ~2 B, q; M* x
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
     & T" v7 y- ]3 _) N6 J5 U
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     . x4 t  J9 t  X6 ]* Z
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     ' w4 x: Y$ U  o4 n) {; j. I
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; }
     ( a/ Z/ O. T( t- V$ X1 l
236.                 .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
     & Q: e/ Q: P3 ]; \) j6 {: F' O, \
237.                
     
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
       M0 E& p$ n$ m- f9 N' U
239.                         .articlelist li strong a { color: #999; }
     9 y9 E; m5 H6 D- r( x/ G8 K
240.                 .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
     
241.                         .articlelist li p a.more { float: none !important; }*/
     1 c2 F. g$ [1 [; d8 v8 T( f
242. 
     ) L. K4 X8 ~( {* N( j% ]
243. 
     ( n' f9 a1 _! M* h
244. .catepic { text-align: center; }
     " d- j) J: |+ T: s. \2 D3 z
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); }
     : X6 R6 p& K6 c  v# P
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
     * X7 P+ f. a, y& `; c  j
249. /*专题列表*/
     . i' E4 Y8 `6 K9 Q# @
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     ; n8 ]2 i; T# e( n& N2 a
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     . S) Y1 i: S- \$ p3 h  t
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     1 g5 m! U" o4 ^0 I9 K9 l
254. 
     
255. 
     + b( _; ?5 J* e; }  r1 L' J
256.         #xspace-rates { height: 2em; }
     : U+ d9 d6 Q+ W6 Y6 @8 u+ @3 M% |
257.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     1 ~# o: _4 ], s- W+ y
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. 
     
262. 
     
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     % i. q' J3 H' V9 j
264. 
     
265. 
     4 P9 _8 A* }( t
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     0 h1 |& F& A7 a' j  ^8 F
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; }
     - M$ I/ V8 M4 V9 T; A0 t+ a
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     
272. 
     3 U; i% k1 V; p8 j1 h2 r: u
273. /* 分页 */
     
274. .xspace-page { margin: 2px 2px 2px auto; }
     : k- Q5 k2 w! Z  Y" g3 J
275.         table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
     ; E/ \% v# C* F
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; }
     2 K. D  Y' G1 d% o* K0 A
279. 
     0 i& U$ E; [7 N% G+ @6 E2 o
280. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
     
281.         .smalltxt a, .smalltxt a:visited { color: #999 !important; }
     
282. 
     $ i$ N3 ~6 Z5 \1 h+ U
283. /*-----------------------------------------------------------------------------------页脚 Footer*/
     9 p' a1 o9 p& a
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; }
     3 ^, M/ o) v$ C/ G' b0 ]
285.         #footer p { margin: 0.3em 0; color: #999; }
     
286.         #footer strong { color: #007AB6; }
     
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     3 ]" A9 h5 Z# e- C
288.        
     % k3 `( D2 ]' b5 @1 p4 z8 b3 N
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     - x/ Q0 V1 M  V
290.        
     6 P+ c7 c5 s' G- e; R& i* q& g' f
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     
292. .articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
     / f  B, c5 R- [8 c  i
293. .articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
     5 U& c+ t8 S2 F9 X# H% d: [
294. .articlectrl { margin: 0.5em 0 1.5em; }
     : d& b$ [  D+ N0 L! N# l+ l
295. 
     
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     
297.         #articlebody * { line-height: normal; }
     
298.                 #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
     , @- t8 N$ I$ l3 M; j( t
299.                         #articlebody  p *, #articlebody  div * { line-height: normal !important; }
     
300.        
     9 ]+ F/ D2 V) h; E$ }
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     ' |- Q" p5 e" \" D* W1 |. B
302.                 #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
       Z3 Z' E' V7 l6 K) l; c9 A( D
303.                 #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
     ' H# i, K/ o7 I$ ]8 E2 X( D1 R
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     4 `* _0 Q, K% ?( C- ~# K2 E% n' C
305.        
     
306.         #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
     
307.        
     
308.         #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
     4 }( a! g" y+ _* B( m! Q" G
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; }
     & I& G% O4 P0 [4 a4 K9 _
311.                                 #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
     5 |% R  Y2 m" O5 H& q- ~
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; }
     6 m/ F+ n$ V6 q' p  l1 t
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. /*发表评论*/
     0 E4 p: v* n* z5 ?
318. #comment { margin-top: 4px; }
     6 u) s6 {  x" T6 R( |
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     - N2 t0 `+ j; y$ r* @
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     
321.         #comment p { margin: 0.3em 0; }
     9 `. e. b+ C4 Y. M
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     ' v' K% f6 a1 s: h2 ~6 B9 f
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; }
     + @3 j0 H& f/ ~9 m; {
326.                         #xspace-rates a:hover { border-color: #CCC; }
     " g+ ]: V. W3 F
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; }
     * E2 M; j& p# c0 B4 W
328. 
     0 s+ e' B+ D; h+ s# u3 g$ K
329. /*AJAX div*/
     ; x3 s3 v7 ~; N
330. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
     " X. A- Q2 z5 \2 |# {$ A% A/ S
331.         .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
     - X# {% n: a6 G
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     7 ^1 i" ?# e3 g  k2 R; a7 V$ T* j
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   
2. 
   6 w. E3 Q1 K  F5 H9 r6 `( D7 F$ k/ Y
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; }
   
5. 
   3 t  g4 @7 Z0 L4 m. h: [9 o

复制代码

$ v/ a5 p) h: p0 L7 k; ?分析
( [0 Y2 S: G/ T* U- @

1. margin属性说明：
   
2. 
   ; G# N2 d  ~/ Y" D6 V3 Z
3. 检索或设置对象四边的外延边距。
   # V+ Y4 p: h2 S$ M; `
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   
5. 如果只提供一个，将用于全部的四边。
   0 r9 }8 V' w, _+ M; x" W
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   4 h5 l8 L/ B, E$ F
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   5 x+ R# d1 ?# s3 ~2 I
9. 在IE4+，margin属性不可用于td和tr对象。
   5 x7 w2 Y! ]! e
10. 外延边距始终透明。
    & c  H$ g/ i5 S: K! }. n" Q( ^
11. 
    ; L; T: i) @) a$ {3 ?* C1 P
12. color : 　指定颜色
    1 t; C4 f$ u6 I
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    
15. 
    
16. 
    

复制代码

傲天♂浪子追风

1. /*链接样式*/
   
2. a { color: #000; text-decoration: none; }
   : G0 v0 h. y  W, H/ F
3.         a:hover { text-decoration: underline; color: #000098; }
   # A) r" ~7 f* _$ H6 S
4.                 a:visited { color: #666;}
   ; a$ M8 |5 z8 ~& d$ W) t
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
   0 V: I7 D0 j; i  ^' R6 b
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   
7.         a img { border: none; }
   0 A6 w# h2 Z. n' l3 d
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   
9.         li cite a { color: #999; }
   
10.                 li cite a:visited { color: #999; }
    
11. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    . w1 n7 [6 P+ C/ ]! @
12. 
    & ?. B4 [* j8 x

复制代码

  i. h' J- A+ z3 m; Y分析
: w( P+ G, a( s& i
, j' `9 K3 p5 n9 i/ W

1. 
   $ P; L. P# \" F7 p  F+ K
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   , _" U4 ]& X2 A( e
4. blink : 　闪烁
   " i. K7 t2 F2 r( x' X/ U+ ~) |
5. underline : 　下划线
   % P% j. z1 a2 f
6. line-through : 　贯穿线
     @* p5 I: w% y& u7 w+ p: }
7. overline : 　上划线
   4 W6 k! m- i  |  O; u' A
8. 
   
9. 
   
10. hover:设置对象在其鼠标悬停时的样式表属性。
    ( s0 ]4 u) X, q% y8 S
11. 
    7 M% r1 g# N; m- ?
12. visited:对象在其链接地址已被访问过时的样式表属性。
    
13. 
    
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    
16. 上面这两行是与鼠标相关
    
17. 
    
18. a img { border: none; }图片连接相关
    ; t6 w# s/ @% L4 t: J5 \
19. 
    : X0 @& `% ^2 q8 w0 s
20. 
    
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    
22. 
    
23. 
    
24. font-style:字体式样,一般常用参数有:
    . s; a# y+ y5 n( B. t4 N: b
25. normal : 正常的字体
    
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    & o3 }0 C$ [9 `$ t
27. oblique : 倾斜的字体
    / d" ?' A3 K8 O- {) D! u( f
28. 
    * N; F+ ~5 ^+ O3 G7 ?1 |
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    : k* x3 N+ y5 w8 `
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    ( ~* v  T$ G  Z  x* C/ T7 m. j* l
33. right : 　对象浮在右边
    
34. 
    7 d! r$ r. H4 W% B+ ^
35. 
    
36. important:样式表条目,提升指定样式规则的应用优先权。
    
37. 
    : r* D; i) ~7 L3 Y: X
38. 
    
39. background: transparent 这个的意思就是背景透明...
    & E, j8 `- F1 {, _
40. 
    5 G2 N9 q+ j1 U+ Y
41. 
    
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    0 Z6 y, J. [5 [( p* ?2 o
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    1 }) z7 T6 \5 Q# o- x1 N# R: b
46. bolder : IE5+　特粗体
    
47. lighter : IE5+　细体
    " g6 l; n+ x. a! X8 C' z% N  j
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    , F! d* n1 ?! Y
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    
51. 语法：(每一竖隔开为一个状态)
    
52. cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)
    
53. 
    * l8 H# }3 m7 ?# j
54. 
    8 Z2 S0 L; A+ b9 i! }
55. 
    - p' r- o. y# d; g' O1 Q" w, O; K
56. 
    
57. 
    ; ?- C( V3 [  r7 ]" B  i
58. 
    4 B- x8 g  p5 o
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   ! |6 |; p5 |! ~. {/ N7 |
2. 
   
3. form { margin: 0; }
   : B) G, M0 ~$ A" V8 V: Q- V- \$ o3 h
4.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
   
5.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
   1 C, G% C6 L- I
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   + {$ q2 o- @* u4 o; t) I1 C
7.         fieldset { border: 0; padding: 0; }
   0 }6 B; P% j$ p( E% b* K2 o% n
8.                 legend { display: none; }
   
9.         label { cursor: pointer; margin-right: 0.5em; }
   

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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