Question

. Part 1; using CSS: Geologic time is divided into eras, periods, and epochs. The eras...

.

Part 1; using CSS: Geologic time is divided into eras, periods, and epochs. The eras and their periods are:

Proterozoic: (none)

Paleozoic: Cambrian, Ordovician, Silurian, Devonian, Mississippian, Pennsylvanian, and Permian

Mesozoic: Triassic, Jurassic, and Cretaceous.

Cenozoic: Paleogene and Neogene.

Only the Paleogene and Neogene periods are divided into epochs. They are:

Paleogene: Paleocene, Eocene, and Oligocene

Neogene: Miocene, Pliocene. Pleistocene, and Holocene

Using a document-level style sheet and nested ordered lists, show this information in outline form. The eras must be numbered using upper Roman numerals, the periods must be numbered with upper alphabetics, and epochs must be numbered using decimal numbers.

The background color of the Proterozoic era must be pink. The background color of the Paleozoic era, including its periods, must be blue. The Mesozoic era must have a green background, and the Cenozoic era must have a red background.

Just to make this clear, here is a little bit of the outline:

  II.  Paleozoic
       A.  Cambrian
       B.  Ordovician

I did this with <pre> elements. You must do it with a document-level style sheet, and you must include the background colors. It is not necessary to match the color I used exactly.

The easiest way to do this is to make liberal use of class specifications in your document-level style sheet. So, you might code something like this:

            ol.eras {list-style-type: upper-roman;}

If you cannot get all this to work using only a document-level style sheet, you may do the numbering with document-level styles and the colors with in-line styles, but try it with all document-level styles first, OK? It can be done.

If you can't get color behind the numbers, don't worry too much about it as long as there's color behind the text.

Name your document l3p1.html and create a link to it from your index page.

0 0
Add a comment Improve this question Transcribed image text
Answer #1

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<style>
.Proterozoic{
background :pink;
}
.Paleozoic{
background :blue;
}
.Mesozoic{
background :green;
}
.Cenozoic{
background :red;
}
</style>
<title>Geological Time</title>
</head>
<body>
<ol type="I" class = "eras">
<li class = "Proterozoic">Proterozoic</li>
<li class = "Paleozoic">Paleozoic
      <ol type="A" class = "periods">
      <li>Cambrian</li>
      <li>Ordovician</li>
      <li>Silurian</li>
      <li>Devonian</li>
      <li>Mississippian</li>
      <li>Pennsylvanian</li>
      <li>Permian</li>
      </ol>
</li>
<li class = "Mesozoic">Mesozoic
      <ol type="A" class = "periods">
      <li>Triassic</li>
      <li>Jurassic</li>
      <li>Cretaceous</li>
      </ol>
</li>
<li class = "Cenozoic">Cenozoic
      <ol type="A" class = "periods">
      <li>Paleogene
          <ol type="1" class = "epochs">
          <li>Paleocene</li>
          <li>Eocene</li>
          <li>Oligocene</li>
          </ol>
      </li>
      <li>Neogene
          <ol type="1" class = "epochs">
          <li>Miocene</li>
          <li>Pliocene</li>
          <li>Pleistocene</li>
          <li>Holocene</li>
          </ol>
      </li>
      </ol>
   </li>
</ol>
</body>
</html>

Add a comment
Know the answer?
Add Answer to:
. Part 1; using CSS: Geologic time is divided into eras, periods, and epochs. The eras...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • Geologic Time Scale ve. Years Epoch Ag0 Holocene Era Peried Quaternary Peistce 1 81 Pliocer 533 C...

    Please, don't use handwriting. Geologic Time Scale ve. Years Epoch Ag0 Holocene Era Peried Quaternary Peistce 1 81 Pliocer 533 Cenozoic Tertiary igpcea 230 ay 339ay my 15 my my Cretaceous Mesozoic Jurassic TriassIC Permian IT Pennsylvanian Mississippian 359 my Devonian Silurian Ordoviciarn Cambrian 18 1 Paleozoic 416 IIT 44 y 90 Imy Proterozoic Precambrian----, by Archean 5 by Use the temperature graph on the right side of page to answer the following questions. 24. What is the correlation between...

  • Design an original, professional web site following the specifications listed below. This web sit...

    Design an original, professional web site following the specifications listed below. This web site will be for a business you plan to set up for yourself or for someone else. The following is a detailed list of the requirements for your web site. READ them carefully. Instructions - Web Site Requirements for the web site: General: You will thoroughly test all your pages in more than one browser. All links MUST work. All graphics must show on the page. All...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT