title: How to override the user-agent styling?
body: <p>I am working on a webpage, where I am using css stylesheets instead of inline styling. The problem is, when I do inspect element in chrome for the page, I can see almost all elements inherit some user-agent styling. I can't even uncheck the attribute values eg. <code>div{display: block}</code>, in the styles section of the DevTools under <code>user agent stylesheet</code> sections, like I can with the rest of the styling.</p>
  
  <p>How do I fix this?
  Or better how do I remove the user-agent styling?</p>