Mod 3 Assignment Part 1: Create an External Style Sheet You will create an external style sheet. By setting up the external style sheet, you will establish a consistent look and feel between all of your pages. In the future, if you want to make changes to your website, you only need to update the style sheet and all of your pages will be updated at once. Once you have created it, you will then add a reference to it on your index.html and mod2.html pages.

1. Create an external stylesheet named styles.css.

2. Add a comment at the top stating this is an External Style Sheet.

3. Set the following styles:

a. The body should have Font family of Verdana, Arial, sans-serif Font size of 12 point Background color of light blue

b. The h1 tag should have Font Family of Times New Roman, serif Font color of purple

c. The h3 tag should have Font color of navy

d. The table tag should have Background color of teal Font color of white Border of 2 for the table

e. The and tags should have Border of 1 for the and tags 4. Create references to this external style sheet in your index.html and mod2.html pages.

Part 2: Add Internal (Embedded) and Inline Styles You will now create a new web page and apply the external style sheet and add some embedded and inline styles. 1. Create a new HTML file named mom_yourName.html

2. Include a reference to the stylesheet you created.

3. Add the title Styles.

4. Add a page heading Having Fun with Styles

5. Place some text in a paragraph block (see the Text for Web Pages file under the Mod 3 Homework.

6. Add a table with two rows and three columns.

7. Place the same image to each cell in the first row.

8. Enter 25% Opacity, 50% Opacity, and 100% Opacity in the second row.

9. Create two internal (embedded) img class styles a" One will be class a the other class b. Set the opacity for a to .25 (dot 25) and b to .50 (dot 50).

10. Update the first image in the table to the img class a style.

11. Set the second image in the table to the img class b style.

12. Change the color style for the h1 element to teal. 13. Make the width style of the p element to 50%

14. Place a horizontal rule below the table.

15. Enter links to your homepage and favorite things page below the horizontal rule.