CSS Code to Reset and Remove Previous Styles

CSS Code to Reset and Remove ALL Previous Styling so your CSS Styling Appears Predictably and Consistently Across All Devices.

To apply box-sizing:border-box to all elements ensures that the width and height you define for elements include padding and border, which makes layout calculations more predictable ...

*, *::before, *::after { box-sizing:border-box; }

To take it a step further you can remove all previously defined padding and margins ...

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

To apply a general purpose reset to pretty much everything ...

* { margin:0; padding:0; box-sizing:border-box; } html, body { height:100%; } body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, blockquote { margin:0; padding:0; font:inherit; } ul, ol { list-style:none; } a { text-decoration:none; color:inherit; } table { border-collapse:collapse; border-spacing:0; } input, button, textarea, select { font:inherit; border:none; background:none; } img, video { max-width:100%; height:auto; } button { background-color:transparent; border:none; cursor:pointer; } *:focus { outline:none; }