# CSS Day One Quizzes
Don't look ahead! Ask questions!
## Quiz the First
Given the following document with style sheet
how tall (in terms of *number of pixels*) is the word *Item*?
### Solution:
|
| 12px * 1.5 * 0.5 = 9px
|
## Quiz the Second
Your assignment is to
1. make all the text 1.25 times larger
and rendered in the "Georgia" font,
2. change the body's background color to
be a light gray,
3. make all list items bold,
4. make all headers dark green, and
5. make all links dark blue and bold
in the following document:
Initech International
Home Page
Welcome to our home page!
We hope you enjoy your stay.
Under construction!
### Solution:
|
| (To be inserted inside the `style` section.)
|
| body {
| font-size: 1.25em; /* (1) */
| font-family: Georgia, serif; /* (1) */
| background-color: rgb(225,225,225); /* (2) */
| }
| li {
| font-weight: bold; /* (3) */
| }
| h1 {
| color: rgb(10,100,10); /* (4) */
| }
| h2 {
| color: rgb(10,100,10); /* (4) */
| }
| h3 {
| color: rgb(10,100,10); /* (4) */
| }
| a {
| color: rgb(10,10,100); /* (5) */
| font-weight: bold; /* (5) */
| }
|
## Quiz the Third
Your assignment is to modify your solution to the last quiz to add the
necessary elements with classes/IDs such that
1. the headers `` and `` are grouped together with a
slightly-darker-than-the-background gray,
2. none of the menu items have bullets,
3. the last paragraph (with the text "Under construction!") is
considered a "warning",
4. the menu item links are *not* bold,
5. the last menu item ("Legal") is considered a "warning", and
finally
6. all things considered to be a "warning" are dark red and bold.
(Note that (4) and (6) conflict. In this case, it's okay to have the
last menu item be bold.)
Additionally, your solution should avoid repetition as much as
possible. That is, if two style definitions share the same set of
property/value pairs, then they should be combined.
### Solution:
|
|
|
|
|
|
|
|
|
|
Welcome to our home page!
| We hope you enjoy your stay.
| Under construction!
|
|
|
- - -
Author: Ryan Timmons
Last Modified: 06 August 2008 15:23:13 PDT
URL:
Also see the HTML version by changing the file extension to `.html`.