Bring up the web page 3Level.html which contains inline, embedded and external CSS.

Using the HTML tab click on the H3 tag and in the right panel select Styles

a. How can you tell which styles apply?

b. Edit each of the attribute values once. What did you change the values to and were you successful in changing the appearance of the page.

c. Add an entirely new attribute to the web page using the sample page used in class of CSS effects. What did you try and what was the visual result?

d. Did your changes show up in the Elements or Sources listing?

Copy the modified web page to your public_html directory on apollo, same name, and make sure it is visible on the web.

3Level.html:

Looking at the CSS of this Heading

Use the Chrome Development Kit to look at the styles of the above heading. Styles are defined in 4 locations:

1. An inline style that defines and overrides the color of the text
2. An embedded style that attempts to override the text color and defines a left margin.
3. An external style that attempts to override both of the above and adds an underline

Another use of the Main styling

3Level.css:

h3.Main { color:cyan;margin-left:50%;text-decoration:underline }