Styling text-based elements
Until now, we have seen some of the basic text formatting that HTML allows you to implement on a web page. However, depending on the function and the purpose that a web page serves, we might need some styling applied to the text-based elements. Here, we will introduce the common issues surrounding the styling of web page content. We will introduce the different units of measurement, including pixels and relative units. We will then walk through some examples of how to style common web components, such as breadcrumbs and navigation bars.
CSS resets
As you begin styling web pages, you will soon realize that different browsers render your pages slightly differently from each other. This can be very frustrating and makes the task of developing websites that look the same across different browsers a nightmare.
Luckily, there is a well-known solution to alleviate at least some of this frustration. A CSS reset is a style sheet whose sole purpose is to...