HTML and CSS Refresher Challenge

Why we use the Normalize CSS Script

Developers use Normalize CSS Script to create uniformity between different web browsers' default styles. According to Matt Brictson's article, Making the case for CSS normalize and reset stylesheets in 2023, each web browser applies its own stylesheet to HTML elements, creating inconsistent fonts, spacing, sizing, coloring, etc. Developers can either use a Reset CSS Script, which will strip away all styling and force the developer to work from scratch, or they can use a Normalize CSS Script, which corrects the inconsistencies between the browsers while keeping most of the styling.

What is Semantic Markup

Semantic markup is the practice of using HTML elements to convey the meaning, purpose, and content of a webpage. While CSS could be used to visually convey the meaning, purpose, and content of the webpage, its styling is only skin-deep. HTML elements communicate with browsers, search engines, and screen readers, helping the technology understand how to display the webpage, categorize it in search results, and read it aloud to users. Semantic markup can also help other developers understand how a webpage was designed by the original developer.

Using Images on Web Pages

The image below is 600px wide and 800px tall. It's 172 KB on disk.

landscape of the Alaskan wilderness with a river running through a forest and mountains in the background.