Using the HTML and CSS files that you have been provided (see below), you will need to do the following:
- Using online research, provide the appropriate content (definition, explaination, links, etc.) within the provided HTML file.
- Update the CSS file with the following requirements:
Body Style
- Margin should be 20 pixels
- Padding should be 10 pixels
- Text should be aligned to the left
- Text should be indented by 0em
Header Style (ID)
- Use the following font family types: Verdana, Arial, Helvetica, sans-serif
- Use font color #990000, font size of 20 pixels, and make it bold
- Padding should be 10 pixels
- The background color should be #999966
Footer Style (ID)
- Text should be aligned to the center
- Use font color should be white and bold
- Padding should be 5 pixels
- The background color should be #336666
Terms Style (Class)
- Use the following font family types: Georgia, "Times New Roman", Times, serif
- Use font color should be #009933, normal weight, italic, and size 20px
- Font-variant: should be normal
Definition Style (Class)
- Use the following font family types: Georgia, "Times New Roman", Times, serif
- Use font color should be #666666 and size 14px
Definitions Style (Class)
- Padding should be 5 pixels
Title Style (Class)
- Use the following font family types: Georgia, "Times New Roman", Times, serif
- Use font color should be #FF9900 and size 20px
- Padding should be 10 pixels
Click here to view the HTML file.
Click here to view the CSS file. Save this file with the .css ending.
Click here to view a sample of what your HTML page should look like with the implementation of the appropriate CSS style.
Note: Create a folder with an appropriate name (including your name, course, section heading, etc.) and place both the HTML file and the CSS file within the folder. Once your assignment is complete, email a zipped filed to me containing both your HTML and CSS files. Also, your CSS file should validate using the CSS Validator and your HTML file should validate Strict. Be sure to indicate your validation in your email to me.
Using the theme of your choice, create one or more pages that illustrate all of the following:
- The use of a separate style sheet containing style for the body, at least one class (of your choice), and at least one ID (that you define).
- The use of style embedded in the HEAD of an HTML page
- The use of style embedded for a specific item in the BODY of the HTML page (in line style)
Note: Be sure to use all of the styles that you define, either in the HEAD or as part of your external CSS, within your HTML file.
- Use CSS to make multiple images appear on top of one other. You might even try to be artistic!
- Use CSS to set up a background image that appears once in the top left part of the screen and stays there when the page scrolls.
- Use CSS to set up a background image in another spot that either scrolls or stays fixed.
- Use CSS to set up a background image that repeats on the X or Y axis.
Note: Any code that too closely resembles my examples will lose points!!