Account
Categories

CSS Normalize


It means normalizing CSS, i.e., editing the default browser styles.

A developer writes CSSinline, internal, or external—based on their specific needs.

To set specific styles for a webpage, the developer modifies the browser’s default styles using CSS (inline, internal, or external) to meet the requirements of that webpage.

Example:
html {
  line-height: 1.15; /* Chrome default line-height fix */
}
article, aside, footer, header, nav, section {
  display: block; /* IE Fix */
}
button {
  background-color: transparent;
  background-image: none;
}
    
Output:

Before Normalize

The paragraph has more space, tags like <article> appear differently in each browser, and the button displays the default style.

After Normalize

The paragraph spacing is set using CSS, the tags appear consistent across all browsers, and the button looks neat and clean.