/* EXTERNAL CSS STYLES */ /* This is the base level of the cascade for this project. internal and in line styles will override these values. */ body { /* font family defines the typeface for the element */ font-family: 'Arial', sans-serif; /* color defines the text color */ color: red; } /* example even though it wont affect it from html override */ h2 { font-family: 'Georgia', serif; color: green; } /* CASCADING FEATURE: 1. EXTERNAL: In this file, the body color is set to 'red'. 2. INTERNAL: In the HTML , the body color is redefined as '#333333' aka dark gray. The internal styles are closer to the element than external links, the text becomes gray. 3. IN-LINE: In the first

tag of the HTML, the color is set to 'blue'. Because In line styles are applied directly to the element, overriding both the gray and the red. */