You have been asked to improve on the web page you created for NewYou Personal Training. You will use the file you created for Tutorial Project 1. Follow the instructions below to add cascading style sheets to the web page.
1. Using a simple text editor such as Notepad, open the file project1solution.htm that you created in Tutorial Project 1. Save the file as project3solution.htm. You should still have the logo.jpg file.
2. Change the information in the title section to say Tutorial Project 3.
3. Add an inline style to the first
tag that changes the font color to darkorange and the font weight to 900.
4. Add the code to insert an embedded style sheet. The style sheet should set the font-family of all
tags to Georgia, serif.
5. Create a new file named project3style.css. In this new file, add the HTML code that will:
a. Insert a comment section that contains your name and Tutorial Project 3.
b. Add a style declaration that will set the body tag to a margin of 50px, the font-family to sans-serif and the background-color to bisque.
c. Set the style of all level 2 headings to a color of darkblue and the font-size 2em.
d. Set the color to green and the back-ground color to lightblue for all level 3 headings.
e. Add one style declaration that will set the following attributes for the address tag:
i. color: red
ii. text-align: center
iii. font-style: italic
iv. font-variant: small-caps
v. font-weight: 700
vi. font-size: 12pt
vii. line-height: 24pt
f. Set the attributes of the blockquote tag so that the background-color is gold, the width is 600px and the padding is 20px.
g. Add a style declaration so that all list item tags (li) have the following attributes:
i. text-transform: capitalize
ii. line-height: 2
iii. color: green
h. Make sure you save your project3style.css file.
i. Switch to the project3solution.htm file and add the code that will link your CSS file.
j. Save your project3solution.htm file and open it in a browser.
k. Check for and correct any errors.
l. Save any changes.
m. Print a copy of the two code files and the browser view of the HTML file