Skip To Content

Athabasca University

Section 1.5 New Features of CSS

Learning Objectives

After you have completed this section, you should be able to

  • list the important features of CSS.
  • write and use CSS rules to use the new features in your HTML5 documents.

Activities

  • Carefully read the learning objectives.
  • Watch the presentation for the section;
  • Read Chapter 5, Introduction to Cascading Style SheetsTM (CSS): Part 2.
  • Find answers to the study questions below.
  • Do exercises 5.5 through 5.16 in Chapter 5.

Study Questions

  1. What new features have been introduced in CSS3?
  2. What are text shadows? How do you add shadows to text in your HTML5 documents?
  3. To what elements can you add rounder corners?
  4. How do you add round corners to elements in your HTML5 documents?
  5. What new ways can you use to express colors in CSS3? How?
  6. What are box-level elements in HTML5? How do you add shadows to box-level elements?
  7. What are linear gradients in CSS3? What are color-stops?
  8. What linear gradients can you make with CSS3?
  9. How do you create linear gradients with CSS3 for your HTML5 documents?
  10. How can vendor prefixes be used in defining CSS rules? What are they used for?
  11. How do you add a simple reflection of an image with CSS3 in your HTML5 documents?
  12. What fancy things can you do with image borders with CSS3?
  13. How can you add animations to your HTML5 documents with CSS3?
  14. What are transitions and transformations in CSS3? With CSS3, how do you add transitions/transformations to elements in your HTML5 documents?
  15. What is skew? How do you skew block-level elements with CSS3?
  16. How do you make transitions between images with CSS3?
  17. With CSS3, how can you use fonts for your web page if they are not already installed on the user’s system?
  18. What is a flexible box layout module? What can it be used for?
  19. What are :nth-child selectors? What can they be used for?
  20. How do you make a multicolumn layout with CSS3?
  21. With CSS3, how do you make media queries in order to vary your styling for a specific device?

Review

Do the self-review exercises in Chapter 5 of the e-text.

Summary

Read the Chapter 5 summary.

Updated April 07 2016 by FST Course Production Staff