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

傲天♂浪子追风

1. * { word-break: break-all; } /*在IE中实行强制换行*/
   $ e8 t6 B/ I' S/ U
2. #newsblock { margin-top: 4px; }
   : h, P3 Z" F6 ?$ E
3. /*-----------------------------------------------------------------------------------综合设置*/
   
4. 
   * N9 N% s8 S/ `$ @7 ]) R' J
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. 
   $ K7 M6 b  O4 Z" j" s
8. /*链接样式*/
   # w& e" s( f% X; V' G* G  J7 c6 U
9. a { color: #000; text-decoration: none; }
   
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; }
    ; p/ ~; a- I& F( P7 y# o, e
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; }
    6 i9 v% z# W$ F, z! l
16.         li cite a { color: #999; }
    
17.                 li cite a:visited { color: #999; }
    * e3 h0 H& x$ A4 H; b' r) Z0 B
18. .more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }
    + ?' o( S, J$ ^
19. 
    
20. /*-----------------------------------------------------------------------------------表单通用样式*/
    % B( e0 Y% K4 B& d# P6 p
21. 
    
22. form { margin: 0; }
    
23.         input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
    3 F6 @* l7 n  N
24.         button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
      v, Q) Q; F+ V+ J+ U( ^
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; }
    # _5 [% d6 ^* N, Q
28.         label { cursor: pointer; margin-right: 0.5em; }
    * T) T8 B- s+ F. [7 J9 T& l9 H
29. 
    
30. /*-----------------------------------------------------------------------------------头部风格 Header*/
    
31. /*顶部导航*/
    9 u- ]# C2 B! s3 L. g) p
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; }
    - S( ~7 C# k; M1 N
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. 
    
37. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
    . ^/ r( X& R) I6 w2 i9 y2 o
38.         #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
    
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; }
    0 `; S+ w! }. N% a7 N" X
43.         #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
    + f7 p- _3 q3 {( `. _
44.                 #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
    - y. c! K. N9 \8 H3 b
45.         /*首页导航*/
    ( m4 n1 V& z: }( X: x$ M& i
46.         #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
    9 Y: p4 q: K( Y/ t  x3 o/ [
47.                 #menu dt { float: left; width: 4em; white-space: nowrap; }
    
48.                         #menu dt a { color: #000098 !important; }
    9 J) h$ r  M: Y* m
49.                 #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
    
50. 
    
51. /*您的位置导航*/
    . ?8 L" c0 v/ q) z* @( K4 g
52. #navigation { padding: 1.2em 0; }
    
53.         #navigation p { margin: 0;}
    + @! \) S9 Q. C: K' R9 D9 s2 h6 ]
54.                 #navigation p a, #navigation p strong { margin: 0 0.5em; }
    
55.         #searchform { float: right; }
    
56.                 #searchform * { vertical-align: top; }
    ' P2 `, q7 S+ v* J% C
57.                 #searchform button { margin-left: 0.5em; }
    ! @6 |. {, ?% J) U* ?0 k
58. 
    % f9 X4 T, u+ y+ i
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; }
    - b' w. ^3 N+ V& D
61.                 .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }
    
62. 
    
63. /*-----------------------------------------------------------------------------------布局*/
    $ n& v+ `' {( [' `+ _7 [& \
64. 
    : @- U, |9 g" p- f2 `& l0 W! H
65. .content { /*三列布局*/
    - W2 O! Y/ c7 ~3 }$ |& Y7 B5 W
66.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
    
67.         /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
    
68. .contentL { /*两列布局，侧边在左侧*/
    
69.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
    
70.         /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
    
71. .contentR { /*两列布局，侧边在右侧*/
    
72.         width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
    
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; }
    4 `7 @$ `% d" [
77. /*中间部分样式*/
    
78. .mainarea { margin: 0 4px; width: 382px; float: left; }
    
79.         .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
      C* C4 O1 m- v5 c" d, r5 k
80.         .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }
    
81. 
    - t/ D( F# Y2 ]' L
82. /*-----------------------------------------------------------------------------------版块样式*/
    . r4 `  E+ m* v( V$ v+ U2 Q  L
83. 
    
84. /*版块标题*/
    
85. .blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
    1 H: g! Q) }/ S6 u- T/ \
86.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
    0 j) ~, \& s6 Z8 Q, [
87.         .blocktitle .more { margin-right: 5px; }
    $ w" _4 v( d* ^0 D; A
88. 
    - H- ]2 B# O+ ?' E
89. /*头条信息*/
    
90. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
    - ~$ H4 S8 G7 e6 q5 [
91.         #headline strong { font-size: 1.2em; }
    
92.         #headline p { margin: 0.3em 0; }
    / O& S" S$ l3 g# X, X" a3 U4 S
93.         #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
    4 @0 B! g4 K) v: H* R
94. 
    9 M4 b( o& ^! \+ o% D# T4 M( j$ f& j
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; } /*简单版块*/
    ) J# F8 v; x& G8 |2 \2 |' y+ Y/ S
99.                 .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
    " D! I3 K+ H: R& \, u% ^
100.                         /*\*/ * html .sideblock h3 { height: 1%; } /**/
     
101.                 .sideblock p { margin: 0.3em; line-height: 1.6em; }
     ; g3 J2 c' j3 T* Q8 S+ Z  B; u
102.                         .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }
     7 z2 F8 }" c7 {' X  i+ \2 j
103. 
     ) Z$ W5 e5 S0 O" C( y+ U
104.         /*侧边多行列表*/
     5 p  F- P, d% r% o' {
105.         .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
     
106.                 /*\*/ * html .sideblock dl { position: relative; } /**/
     0 @, O% T( [8 |, i
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; }
     * B. F1 ~' U' `& V
109.                         .sideblock dd a { color: #999; }
     
110. 
     1 v5 E/ Z9 l6 X' L
111. /*单行信息列表*/
     ' ]$ H4 u! W9 ~( ?# j& w* c
112. .msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
     " j: F* }/ s9 x7 R9 o. B8 ]; [
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; }
     3 u/ H1 }5 C( q0 F! e
114.         .mainarea .msgtitlelist { font-size: 1.2em; }
     
115.         .sideblock .msgtitlelist { background: #FFF; }
     
116. 
     / y. D8 Q) p# l' i; D" Q  U0 l$ X
117. /*多行信息列表*/
     
118. .messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
     ' r& a1 `. u7 ^5 Z3 i
119.         .messagelist li { margin: 5px 0 10px 0;}
       y) |$ A; y! M0 h* {: Z
120.                 .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
     
121.                         .messagelist li h4 a { color: #009; font-size: 1.2em; }
     1 N1 a. i! T- y4 V  U+ l. U; B
122.                                 .messagelist li h4 a:visited { font-weight: normal; }
     & c$ q6 Q- j4 U2 v" ~" `
123.                 .messagelist li p { margin: 0; }
     
124. 
     - o* T7 n9 Z) u9 l' ?: ?- a
125.         .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
     
126.                 .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
     1 Z9 P' q7 _% f, v9 y. U" L: z( w
127.                 .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
     
128.                         .messagelist dd a { color: #999; }
     + Q' N7 P2 E7 Z( T; r
129. 
     
130. /*热门话题*/
     
131. #hottag { overflow: hidden;  }
     ' }! i  l: }* w8 w: F( ^
132.         #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
     
133.                 #hottag div { color: #999; overflow: hidden; }
     : t. E# R8 ^# n7 O7 _5 H+ _
134.                 #hottag a { margin-right: 0.2em; white-space: nowrap; }
     
135.                         #hottag a em { color: #999; font-style: normal; }
     
136. 
       N3 l% q1 k* E6 {% X% q* u
137. /*用户面板*/
     
138. #userpanel { height: 8.8em; overflow: hidden; }
     
139.         #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
     ) B& h4 e5 ~9 _+ U2 s8 T
140.                 #userpanel input { width: 90px; }
     & W  ~. T$ w! p4 T, ^$ E5 J
141.                 #userpanel p { margin: 0.5em 0; }
     : G9 `$ z$ B2 u5 ^7 v
142.                 #dologin { float: right; }
     / o1 g) D1 @- Q+ e
143.                 #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
     - e  B- U9 L- y( ?
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; }
     ; E) ?% D8 ^& K% j
146.                 #userpanel li a { color: #000098; }
     , p% s1 C6 L( e7 S
147. 
     4 N  Y2 T. n1 w  a. P4 O
148. /*空间之星*/
     + m' E! a% M( W; _. c) \* Q
149. #spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
     " s4 J7 m1 b# z# c9 e0 I' d" z$ T+ z
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; }
     & W4 P$ ~& x9 g% i
152.         #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }
     2 y: B$ j2 R& @  s2 H2 a
153. 
     0 d. `1 T" k, P- E# H1 m- A0 S# h' b
154. /*同城空间*/
     
155. #cityspace { background: #F0F9FF; }
     ' k6 P: o- i8 X' z" u
156. #cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
     
157.         #cityspace select { margin: 2px 0; }
     4 k" ~/ H# X& R
158.         #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
     ' x5 g, K" G8 d3 @; @
159.         #blogblock #cityspace { margin: 0 0 4px 0; }
     # P: i; U& B4 J  b7 p$ P% @# T
160. 
     
161. /*空间排行*/
     ! O/ k! a0 L' x  w
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; }
     4 r2 {6 m! _5 r' v9 K4 z
164.         #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }
     
165. 
     " P- Z  O: p) X
166. /*热门文章 */
     3 {: g' C9 X- t! f, h1 z) e; e
167. #hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
     , `$ D2 B2 `2 w( j
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; }
     2 R  N6 m; r9 v+ k3 X3 m
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; }
     
173.                 #hotarticle li { height: 1.7em; overflow: hidden; color: #999; padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     
174. 
     
175. /*图片列表*/
     
176. .imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
     ; t4 p  g- ]  e( |5 `$ O* o3 X# b8 ]
177.         /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
     8 ?9 `, m7 r3 {# g3 O* _. d
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; }
     
179.                         .imgthumblist li.list1line { height: 123px; height: 115px; }
     
180.                         .imgthumblist li.list2line { height: 143px; height: 135px; }
     
181.                         .contentL .imgthumblist li { margin: 0 1px 3px; }
     
182.                         .imgthumblist img { width: 100px; height: 100px; }
     , G* w. [6 b! c) A' x6 R' S; i* l6 ^
183.                         .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
     / P+ Y  ?* o! J5 p2 `& _+ K
184.         .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
     / S9 q2 D. b4 {, ]
185.                 .throughgallery .imgthumblist { margin: 0; }
     
186.                 .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }
     
187. 
     8 V& }, D0 {# l( ~2 c7 d
188. /*商品*/
     
189. /*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
     9 E3 G6 Y/ I' e. v/ H' j0 `
190.         .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
     
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; }
     6 [2 p) m# b" x( ^" j0 n$ p
193.                         .goodsthumblist li p { margin: -3px 0 0 !important; margin: 0; height: 1.5em; line-height 1.5em; overflow: hidden; }
     / C. V8 O: a/ c5 S  m& _2 f* E& c
194. 
     8 B( k6 c& B$ }9 ?0 D. @
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; }
     1 @; ?/ W& u9 c* K8 h5 T- V
198.                         .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
     * t0 {, c0 u% [
199.                         .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
     7 G* S2 Y8 H& W8 L
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. 
     ) s5 @& W5 a5 M9 A/ S
205. /*栏目区块列表*/
     
206. .category {  margin: 4px 0 10px 0; }
     
207.         .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
     ) _6 t2 o% K. y* @; F) F# Z, J3 B$ U
208.                 .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
     
209.                         .category h3 strong a { color: #333; text-decoration: none; }
     
210.         /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
     + i! M5 M' o& i6 ]& }; M! i
211.                 .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
     $ ]' Y; a. c7 {* d- e9 k- d
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; }
     . K! C1 [: Z5 ?% `3 g4 C1 c
214. 
     
215. 
     
216. /*-----------------------------------------------------------------------------------首页各版块*/
       o/ m4 U# c5 S( Y0 Z
217. 
     ( ~, W3 _# m/ J6 S  h, m9 ^; H6 e& ]
218. /*#commendimage { height: 155px; }
     
219. #topicnews { height: 217px; }
     
220. #newgoods, #commendgoods { height: 200px; }
     3 D  J. A# m. n, b2 u1 y
221. #hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/
     
222. 
     
223. 
     / i3 E" K3 E0 l% F; W
224. 
     
225. 
     3 B' V! o/ Z* J( z# A5 k
226. /*信息列表*/
     # q* _* L) U* A: _5 J
227. .articlelist li { padding-left: 60px; }
     * z$ |! z* t1 z& E
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.        
     
231.         .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
       t/ B* O$ Y1 R! J
232.                 .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
     # G% o2 S- I. T# x$ Z
233.         .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
     4 d1 x8 S8 `0 \: `
234.                 .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
     * A+ U' k- q: C& t* |; z8 f
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; }
     ' d9 Y. N  Q# [$ s) ^# L3 ?
237.                
     2 H2 j( M, F2 B4 A' {8 P
238.                 .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
       e) C+ g' b# i% H
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;
     + `, i2 S) K$ S) n5 e% `: W( C, X% ^9 x
246.                 max-width: 150px; max-height: 150px; width: expression(this.width > 150 ? 150: true); height: expression(this.height > 150 ? 150: true); }
     4 j  g0 H% @4 g( P9 G/ K
247.         .catepic p { text-align: left; margin: 0.5em; }
     
248. 
     
249. /*专题列表*/
     
250. #subjectlist { border-color: #86B9D6; padding: 2px; }
     4 G  D' B6 n! W+ p4 T+ l: u. H5 b
251.         #subjectlist h3 { border: none; background: #9FC8DF; }
     
252.         #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
     8 ~2 R7 a6 t/ C
253.                 #subjectlist p { margin: 0; line-height: 1.2em; }
     - {9 N$ u( d$ I  j
254. 
     & V6 J, V: X( ?- v( l1 \
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; }
     . x  j' O9 E, n* z' k, E" ^
259.                         #xspace-rates a:hover { border-color: #CCC; }
     * r5 P) b& p, ]  p
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; }
     ) E( r- f4 t! V) [$ d: u: l
261. 
     6 [, Y0 ]% ^( j/ ]& e
262. 
     
263. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
     
264. 
     ' X* y! {. \3 N& v. b. t) S+ F
265. 
     
266. /*Pages*/
     
267. .pages { text-align: right; border-top: 1px solid #9FC8DF; }
     1 J# Y1 |0 Q2 j+ Y: r7 {: j
268.         /*.pages table { margin: 3px 0 3px auto; text-align: center; }
     , I+ e( t6 Z  \9 ]- Z
269.                 .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
     / h( h) M. L. ^1 E" Y3 x' J
270.                 .pages a { text-decoration: none; }
     
271.                 .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/
     ; w' Z6 U! p# G" G0 H
272. 
     
273. /* 分页 */
     8 O! p0 ^8 B$ u* e
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; }
     
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; }
     " r- Y) m2 @! h3 k; A+ B
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; }
     
285.         #footer p { margin: 0.3em 0; color: #999; }
     % U+ R5 F: `0 [0 G- t
286.         #footer strong { color: #007AB6; }
     # l3 d6 e0 C" w; p' L1 }
287.         #footer em { font-style: normal; font-weight: bold; color: #96A800; }
     
288.        
     , a# N7 j( k7 x0 ?1 l
289. .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
     
290.        
     8 ~6 I0 `4 Z9 T
291. #articledetail { border: 1px solid #86B9D6; text-align: center; }
     
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; }
     2 ^3 |$ W& l6 x% a' J2 i3 N9 k
295. 
     # X5 P; c2 |$ |: E& {) j3 @* V
296.         #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
     & U- y7 A& @) E
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; }
     ) @7 ]; A: b5 s! t1 s% q# [4 P
300.        
     
301.         #articlebody .addoninfo { border: 1px solid #EEE; }
     2 R/ S# I+ X8 J
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; }
     : M2 h$ X' B" U% e' f+ I, k' P
304.                         #articlebody .addoninfo li { line-height: 1.6em !important; }
     
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; }
     
309.         #commentlist { overflow: hidden; border: 1px solid #86B9D6; margin: 4px 0 0; padding: 0 5px; }
     7 a- D: c. ^6 X. T2 U' l# i6 d% m! v
310.                 #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
     
311.                                 #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
     
312.                         #commentlist .messagelist li div { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; }
     ; k1 g6 W6 o$ |# _  M
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; }
     2 F" {; E4 [  e6 K3 R  Y
315.                                                 #commentlist .messagelist li div  p *, #commentlist .messagelist li div  div * { line-height: normal !important; }
     
316. 
     
317. /*发表评论*/
     " I' }6 M9 ]( |9 i* I4 s+ N
318. #comment { margin-top: 4px; }
     % q$ q4 ?' W( e' h' `% l; U6 a# }
319.         #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
     
320.         #comment form { background: #FFF; margin: 0; padding: 5px; }
     + D  i  O" t; d0 G- W
321.         #comment p { margin: 0.3em 0; }
     
322.         .seccodeline * { vertical-align: middle; }
     
323.         #xspace-rates { height: 2em; }
     % O) ~; o7 L1 d; ]
324.                 #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
     7 A; ]* `5 A' t$ c6 ~6 @! ^
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; }
     " a- |8 Q: `. f2 \0 B4 E
326.                         #xspace-rates a:hover { border-color: #CCC; }
     ( c4 d1 g2 k  x5 i& i% Y$ G
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; }
     , y8 L( B, k. _' r9 ]' A6 T) K9 U" b
328. 
     4 l& m* l$ h% Q0 w8 P- p  E
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; }
     - s9 _. `2 W9 ]3 ?+ h  W% G
332.                 .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
     & o2 q% G- V$ q* g; s
333.         .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
     & w0 W% w1 R, n' Q
334.                 .xspace-ajaxcontent form { margin: 0; }

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------综合设置*/
   * e3 R" S) ^: B
2. 
   5 ^/ }9 u. ]+ I& ~$ L  G
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; }
   . R$ H4 C$ l3 [, Y, r% v4 H# s
5. 
   ; ]0 p( e( p5 {

复制代码

  V* E/ L, e) r0 `* m分析
7 T0 V; a" V2 E5 @2 r) A1 K4 R
1 Z' `+ Q8 S7 G2 J' ?

1. margin属性说明：
   ; Y/ e% x, i2 I3 i& Z7 ~* u
2. 
   : L2 U/ I- t) [2 m% Q0 b
3. 检索或设置对象四边的外延边距。
   
4. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
   0 I% L  h. I+ g: f
5. 如果只提供一个，将用于全部的四边。
   1 A- G. C  l& D6 W6 Q$ x, Q
6. 如果提供两个，第一个用于上－下，第二个用于左－右。
   
7. 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
   % g) z& ~0 U. T, z
8. 内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
   
9. 在IE4+，margin属性不可用于td和tr对象。
   . X  J! O, m  j, Q* G
10. 外延边距始终透明。
    % y2 V7 {# U1 M3 v7 O0 o1 d
11. 
    7 i5 `( ~& e4 b! q6 c' i
12. color : 　指定颜色
    
13. text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
    
14. font: 12px Arial, Helvetica, sans-serif;  :这段是字体相关的
    " |5 a: A" j0 C
15. 
    
16. 
    , ^' S& n$ Q" y4 g+ Y' g

复制代码

傲天♂浪子追风

1. /*链接样式*/
   , |% a2 \/ |/ {6 C' r
2. a { color: #000; text-decoration: none; }
   
3.         a:hover { text-decoration: underline; color: #000098; }
   # O. n3 J4 f4 @4 Y( F- k
4.                 a:visited { color: #666;}
   2 ]& J% o0 _& L) N. \9 M& P5 A( `
5.         #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
   
6.                 #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
   ; k: `- `+ K2 C8 A' u$ I9 T, K
7.         a img { border: none; }
   8 i  E: R6 q  [3 @, Y) l
8. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
   7 e6 j  ^6 l5 i6 i* n
9.         li cite a { color: #999; }
   ! |  {) y" [. j1 V- T$ y5 ~6 ]) {
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; }
    
12. 
    

复制代码

3 I7 G1 K" a; `( B+ X5 \" l
$ w& g  }8 o8 M8 l分析

1. 
   
2. text-decoration:文本连接的属性,一般有以下几种参数:
   
3. none : 　无装饰
   ) ~) V  ?4 Z; B0 c9 ?
4. blink : 　闪烁
   % Y- n& N1 H4 d9 T, Y3 Z  l" s
5. underline : 　下划线
   
6. line-through : 　贯穿线
   
7. overline : 　上划线
   
8. 
   ( B7 _( I: f" y: R0 e$ u
9. 
   # H1 U5 S4 _6 w& j
10. hover:设置对象在其鼠标悬停时的样式表属性。
    ) E' [8 a/ ]( B* E" U5 L
11. 
    
12. visited:对象在其链接地址已被访问过时的样式表属性。
    / b5 U9 {& `6 h' r7 B! y
13. 
    3 G2 G! O( x2 ]% x
14. #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
    7 R8 D* h2 U) M# C
15. #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
    & Z7 y- v9 I4 T, V
16. 上面这两行是与鼠标相关
    
17. 
    
18. a img { border: none; }图片连接相关
    
19. 
    2 r- B3 J; g" Z" v* ?, j5 |3 F* v& g
20. 
    4 y5 v* m  U0 q- m' o8 K
21. cite:这个一般是引用标签的时候用的,不知道用来这里做什么
    3 i  |, Q0 k" x" i5 o
22. 
    / v  E* y/ c! F# ?1 y5 R
23. 
    * B2 L# y% i+ O, u1 q
24. font-style:字体式样,一般常用参数有:
    $ j9 s- T" F5 e
25. normal : 正常的字体
    ) D; M% {' z: A* u+ S8 \
26. italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
    % f# [4 c5 @% _6 Q7 r# A
27. oblique : 倾斜的字体
    - [- a% r8 ^: l5 l
28. 
    ) ^* q" @. |" h+ W
29. 
    
30. float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
    
31. none : 　对象不浮动
    
32. left : 　对象浮在左边
    5 u9 ?0 e% \2 Q1 e! o
33. right : 　对象浮在右边
    
34. 
    7 N; K- c% s5 E4 |  @
35. 
    4 [. ^+ L# P! _+ Z
36. important:样式表条目,提升指定样式规则的应用优先权。
    3 B% P6 p7 G( Q" `3 ~/ f
37. 
    
38. 
    
39. background: transparent 这个的意思就是背景透明...
    
40. 
    
41. 
    ; O% t1 y1 [% t7 I5 y; `
42. 
    
43. font-weight: normal :文本字体的粗细,常用参数如下:
    4 W% c- q8 x) F6 Z/ H% |! v( ]5 ~5 i
44. normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    & ^' B8 ~8 x4 ]5 Q2 O% R: _
45. bold : 粗体。相当于number为700。也相当于b对象的作用
    9 x4 G7 q8 ?" c) B
46. bolder : IE5+　特粗体
    
47. lighter : IE5+　细体
    2 x, X, F* I0 A+ f
48. number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    
49. 
    $ |, T( ]; h/ j; k* Y2 n* e% V
50. cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
    
51. 语法：(每一竖隔开为一个状态)
    * e. D9 a9 i5 Z$ D4 w) g
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. 
    0 c; D( i/ W7 T/ _6 N' |9 F9 g
54. 
    
55. 
    8 e0 P8 a" x0 f  |5 s" j8 |
56. 
    + T8 c1 ^( S5 u
57. 
    1 T1 p7 E7 f6 w& s3 D
58. 
    
59. 
    

复制代码

傲天♂浪子追风

1. /*-----------------------------------------------------------------------------------表单通用样式*/
   
2. 
   
3. form { margin: 0; }
   9 r& L, d3 l  t% x
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;
   2 u: @: @1 ^2 ?+ Z0 q3 m2 C% P
6.                 border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
   
7.         fieldset { border: 0; padding: 0; }
   
8.                 legend { display: none; }
     ^4 X! v# R, E. l5 [; @: x
9.         label { cursor: pointer; margin-right: 0.5em; }
   % q+ W+ N+ p, m0 t0 w1 B3 O

复制代码

bronwen

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

傲天♂浪子追风

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

傲天♂疯紫

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