WordPress Theme Development 11 – Reset Stylesheet

This style sheet mainly reset all the default setting in web browser. It will make the site looked the same in any modern web browser. It is based upon Yahoo UI library.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

  1. /* *** Reset *** */
  2.  
  3. /* Based upon YUI Reset CSS in the Yahoo! User Interface Library: http://developer.yahoo.com/yui/reset/ */
  4. *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
  5. 	margin: 0;
  6. 	padding: 0;
  7. }
  8.  
  9. table {
  10. 	border-collapse: collapse;
  11. 	border-spacing: 0;
  12. }
  13.  
  14. fieldset, img { 
  15. 	border: 0;
  16. }
  17.  
  18. address, caption, cite, code, dfn, em, strong, th, var {
  19. 	font-style: normal;
  20. 	font-weight: normal;
  21. }
  22.  
  23. ol, ul, li {
  24. 	list-style: none;
  25. }
  26.  
  27. caption, th {
  28. 	text-align: left;
  29. }
  30.  
  31. h1, h2, h3, h4, h5, h6 {
  32. 	font-size: 100%;
  33. 	font-weight: normal;
  34. }
  35.  
  36. q:before, q:after {
  37. 	content: '';
  38. }
  39.  
  40. abbr, acronym { 
  41. 	border: 0;
  42. }
  43.  
  44. /* The below restores some sensible defaults */
  45. strong { 
  46. 	font-weight: bold ;
  47. }
  48.  
  49. em { 
  50. 	font-style: italic;
  51. }

References

Posted by Ivan @ June 18th, 2009 in WordPress with ,

View Comments

blog comments powered by Disqus