关于css reset

Question

关于css reset
为什么要reset?
因为不同浏览器，不同版本的浏览器对html页面的默认渲染都有那么一些的差别，导致了应用与设想效果的差别，简单说就是css bug。

消除这些默认样式（css reset ）可以避免很多浏览器兼容性的问题。

浏览器默认的css样式一般包括这些节点，有兴趣可以参考yui 的css reset  

简单的css reset

view sourceprint?

1. YUI 3 CSS RESET<BR>/*  
3. Copyright (c) 2010, Yahoo! Inc. All rights reserved.  
5. Code licensed under the BSD License:  
7. http://developer.yahoo.com/yui/license.html  
9. version: 3.3.0  
11. build: 3167  
13. */  
15. /*  
17.     TODO will need to remove settings on HTML since we can't namespace it.  
19.     TODO with the prefix, should I group by selector or property for weight savings?  
21. */  
23. html{  
25.     color:#000;  
27.     background:#FFF;  
29. }  
31. /*  
33.     TODO remove settings on BODY since we can't namespace it.  
35. */  
37. /*  
39.     TODO test putting a class on HEAD.  
41.         - Fails on FF.   
43. */  
45. body,  
47. div,  
49. dl,  
51. dt,  
53. dd,  
55. ul,  
57. ol,  
59. li,  
61. h1,  
63. h2,  
65. h3,  
67. h4,  
69. h5,  
71. h6,  
73. pre,  
75. code,  
77. form,  
79. fieldset,  
81. legend,  
83. input,  
85. textarea,  
87. p,  
89. blockquote,  
91. th,  
93. td {  
95.     margin:0;  
97.     padding:0;  
99. }  
101. table {  
103.     border-collapse:collapse;  
105.     border-spacing:0;  
107. }  
109. fieldset,  
111. img {  
113.     border:0;  
115. }  
117. /*  
119.     TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...  
121. */  
123. address,  
125. caption,  
127. cite,  
129. code,  
131. dfn,  
133. em,  
135. strong,  
137. th,  
139. var {  
141.     font-style:normal;  
143.     font-weight:normal;  
145. }  
147. /*  
149.     TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.  
151. */  
153. li {  
155.     list-style:none;  
157. }  
159.    
161. caption,  
163. th {  
165.     text-align:left;  
167. }  
169. h1,  
171. h2,  
173. h3,  
175. h4,  
177. h5,  
179. h6 {  
181.     font-size:100%;  
183.     font-weight:normal;  
185. }  
187. q:before,  
189. q:after {  
191.     content:'';  
193. }  
195. abbr,  
197. acronym {  
199.     border:0;  
201.     font-variant:normal;  
203. }  
205. /* to preserve line-height and selector appearance */  
207. sup {  
209.     vertical-align:text-top;  
211. }  
213. sub {  
215.     vertical-align:text-bottom;  
217. }  
219. input,  
221. textarea,  
223. select {  
225.     font-family:inherit;  
227.     font-size:inherit;  
229.     font-weight:inherit;  
231. }  
233. /*to enable resizing for IE*/  
235. input,  
237. textarea,  
239. select {  
241.     *font-size:100%;  
243. }  
245. /*because legend doesn't inherit in IE */  
247. legend {  
249.     color:#000;  
251. }

复制代码