| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

View
 

Web10AllThreeCSS

Page history last edited by c 14 years, 5 months ago

With CSS you can control the style of web pages from several different levels.

 

  1.      Inline CSS
  2.      Embedded Style Sheets
  3.      External Style Sheets

 

Check the CSS Info page for more information on the markup and information about CSS.  

 

On this series of pages, you will practice your CSS skills so that you have a better understanding of how it works and how to do it. 

 

Build your pages:

Make three web pages and one CSS document. 

     AllThreeCSS1.html

     AllThreeCSS2.html

     AllThreeCSS3.html

     AllThreeCss.css

 

Use normal HTML markup on the web pages. 

On each page, you will add a navigation system that links to the three pages and your index.html

The Navigation system belongs in an Unordered List. 

 

Control the pages with controls in the external CSS document. 

Use it to control the body, Navigation UL, Font-family, H tags and at least three other tags on the pages. Add your name, assignment and date to the comment at the top of the CSS page. 

 

Write a review of a sports team, music group or other organization on each page. Your review should be at least two paragraphs long. The paragraphs should be inside a single DIV. Each paragraph should have a heading with an H tag.

 

Use an embedded style sheet to control the body of each page so that the pages each have a different color and text color.

 

Use an inline style for the DIV that contains your paragraphs. Change the background of the div so that it shows a picture. The picture on each of the pages should be different from the others. 

 

Make a Basic Nnavigation system that gets your user around your pages. 

 

Link your index to your AllThreeCSS page

 

Checklist:

  • Three pages made in HTML
  • An external style Sheet
  • Proper use of whitespace on the HTML and CSS
  • All three pages link to the external style sheet
  • Navigation system that links to each page and your index on each page
  • Embedded style sheet on each page
  • Inline Styles on each page
  • Several paragraphs on your topic on each page

Comments (0)

You don't have permission to comment on this page.