Recap: CSS reset and CSS normalize.css
Using normalize.css
From this module on, all your pages should incorporate normalize.css
Your own css file should be linked after the normalize.css. Your <head></head> section should look like this:
<head>
<title>Title of your page</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
From this module on, all your pages should incorporate normalize.css
Your own css file should be linked after the normalize.css. Your <head></head> section should look like this:
<head>
<title>Title of your page</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
Normalize vs ResetIt’s worth understanding in greater detail how normalize.css differs from traditional CSS resets.
Normalize.css preserves useful defaultsResets impose a homogenous visual style by flattening the default styles for almost all elements. In contrast, normalize.css retains many useful default browser styles. This means that you don’t have to redeclare styles for all the common typographic elements.
When an element has different default styles in different browsers, normalize.css aims to make those styles consistent and in line with modern standards when possible.
Normalize.css corrects common bugsIt fixes common desktop and mobile browser bugs that are out of scope for resets. This includes display settings for HTML5 elements, correcting font-size for preformatted text, SVG overflow in IE9, and many form-related bugs across browsers and operating systems.
Reference:
Gallagher N. (n.d.). About normalize.css Retrieved August 11, 2015, from http://nicolasgallagher.com/about-normalize-css/
Normalize.css preserves useful defaultsResets impose a homogenous visual style by flattening the default styles for almost all elements. In contrast, normalize.css retains many useful default browser styles. This means that you don’t have to redeclare styles for all the common typographic elements.
When an element has different default styles in different browsers, normalize.css aims to make those styles consistent and in line with modern standards when possible.
Normalize.css corrects common bugsIt fixes common desktop and mobile browser bugs that are out of scope for resets. This includes display settings for HTML5 elements, correcting font-size for preformatted text, SVG overflow in IE9, and many form-related bugs across browsers and operating systems.
Reference:
Gallagher N. (n.d.). About normalize.css Retrieved August 11, 2015, from http://nicolasgallagher.com/about-normalize-css/