LESSON 42: CASCADING STYLE SHEET BASICS

  1. Study the index cards on Cascading Style Sheet Basics. I've included a hard copy of these index cards, for your convenience.
  2. Be sure that you can answer all the following questions, which are fair game for quizzes and tests.
    1. What is the typical form of a style "rule"?
    2. What does the "selector" identify in a style rule?
    3. The definition of "declaration" given in the Weasel book is ever-so-slightly different than the definition given in the web lesson 42. Discuss briefly the difference; use an example to illustrate.
    4. Consider this example:
      P {font-size: 12 pt; color: red}
      What is the selector?
    5. Consider this example:
      P {font-size: 12 pt; color: red}
      What are the properties?
    6. Consider this example:
      P {font-size: 12 pt; color: red}
      What are the values?
    7. Write efficient code to make all the following be colored red: headings level 1, headings level 2, paragraphs
    8. Describe the effect of this code:
      H1, H2, P {color: red}
    9. Describe the effect of this code:
      LI EM {color: green}
    10. Describe the effect of this code:
      EM LI {color: green}
    11. Does "LI EM" (no comma) mean the same thing as "LI, EM" (comma) for specifying selectors?
    12. Which is the contextual selector, "LI EM" or "LI, EM"?
    13. Write efficient code that makes bold text be colored red if it appears inside level-1 headings, level-2 headings, or level-3 headings.
    14. Write the necessary header material that is needed to embed style information in a single HTML document.
  3. Do worksheet items (W42.1) through (W42.6) from the original lesson, Cascading Style Sheet Basics. Show me that it works! (3 points each, 18 points total)

THE QUIZ OVER THIS LESSON WILL CONSIST OF:
Prepare for the quiz over this section by practicing below.
Questions are asked in random order.
You can generate a printable quiz with solutions.








How many problems would you like on the quiz? (14 max)