How to remove margin space around body or clear default css styles

by

body has by default 8px margins: http://www.w3.org/TR/CSS2/sample.html

body { 
    margin: 0;   /* Remove body margins */
}

Or you could use this useful Global reset

* { 
    margin: 0; 
    padding: 0; 
    box-sizing:border-box; 
}

If you want something less * global than:

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

some other CSS Reset:

http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min.css
http://meyerweb.com/eric/tools/css/reset/
https://github.com/necolas/normalize.css/
http://html5doctor.com/html-5-reset-stylesheet/
…

More Related Contents:

  1. CSS margin terror; Margin adds space outside parent element [duplicate]
  2. Why does this CSS margin-top style not work?
  3. How wide is the default “ margin?
  4. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  5. Removing body margin in CSS
  6. CSS margin adds space outside parent element [duplicate]
  7. Why can’t I center with margin: 0 auto?
  8. Margin top in inline element
  9. How to align two elements on the same line without changing HTML
  10. Turn off iPhone/Safari input element rounding
  11. Why would margin not be contained by parent element?
  12. Why doesn’t “margin: auto” center an element vertically?
  13. `margin:auto;` doesn’t work on inline-block elements
  14. CSS Margin: 0 is not setting to 0
  15. CSS Cell Margin
  16. Is there any way to add padding to select options via CSS?
  17. Align a div to center
  18. CSS BUTTON WITH ICON [closed]
  19. Fluid width with equally spaced DIVs
  20. Center a DIV horizontally and vertically [duplicate]
  21. How to Right-align flex item?
  22. flex container min-height ignored in IE
  23. float does not work in a flex container
  24. Css height in percent not working [duplicate]
  25. Circular percent progress bar
  26. CSS side by side div’s auto equal widths
  27. Making text background transparent but not text itself
  28. what is a non-replaced inline element?
  29. Stylesheet taken-over/replaced by Chinese characters
  30. White space under image [duplicate]

Leave a Comment