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

No Comments

No comments yet.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">