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
- What new features have been introduced in CSS3?
- What are text shadows? How do you add shadows to text in your HTML5 documents?
- To what elements can you add rounder corners?
- How do you add round corners to elements in your HTML5 documents?
- What new ways can you use to express colors in CSS3? How?
- What are box-level elements in HTML5? How do you add shadows to box-level elements?
- What are linear gradients in CSS3? What are color-stops?
- What linear gradients can you make with CSS3?
- How do you create linear gradients with CSS3 for your HTML5 documents?
- How can vendor prefixes be used in defining CSS rules? What are they used for?
- How do you add a simple reflection of an image with CSS3 in your HTML5 documents?
- What fancy things can you do with image borders with CSS3?
- How can you add animations to your HTML5 documents with CSS3?
- What are transitions and transformations in CSS3? With CSS3, how do you add transitions/transformations to elements in your HTML5 documents?
- What is skew? How do you skew block-level elements with CSS3?
- How do you make transitions between images with CSS3?
- With CSS3, how can you use fonts for your web page if they are not already installed on the user’s system?
- What is a flexible box layout module? What can it be used for?
- What are :nth-child selectors? What can they be used for?
- How do you make a multicolumn layout with CSS3?
- 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.