Embedded Files
Home > Chapter Review and Exercises > Chapter 19 Exercises
More CSS Techniques
More CSS Techniques
1. This chapter's exercise is a little different, as all you will be doing is reading the class text, and then looking at documents that use the techniques discussed in each section of the chapter.
2. The files mentioned in the article are in your Chapter 19 Exercise Assignment (Ch 19) subfolder.
3. The sections of the chapter are
Styling Forms,
Styling Tables,
Reset and Normalize.css,
Image Replacement Techniques,
CSS Sprites,
CSS Feature Detection, and
Wrapping Up Style Sheets.
5. As reference, the Chapter 19 textbook slides are in the Class Textbook and Resources section.
Styling Forms
Styling Forms
Pages 547-550
Pages 547-550
Use the sneakerform.html document in the Chapter 19 Exercise Assignment (Ch19) folder.
Styling Tables
Styling Tables
Pages 551-553
Pages 551-553
At the end of this section, the author mentions Table Display Values. These are values for the display property. If you want to learn more than what is in the text, the author references this site:
Reset and Normalize.css
Reset and Normalize.css
Pages 554-55
Pages 554-55
The CSS reset set of rules, meyerweb_reset.css, is in your Chapter 19 Exercise Assignment (Ch 19) subfolder in your Dropbox folder, and is also available here:
http://meyerweb.com/eric/tools/css/reset/
The normalize.css document available at https://necolas.github.io/normalize.css/ is also in your Dropbox folder.
Image Replacement Techniques
Image Replacement Techniques
Pages 556-557
Pages 556-557
You can view a gallery of old techniques at “The image replacement museum" here (last update was 2015):
CSS Sprites
CSS Sprites
Pages 557-559
Pages 557-559
Drag-and-drop online sprite generator: http://css.spritegen.com/
Responsive sprite generator: http://responsive-css.spritegen.com/
CSS Feature Detection
CSS Feature Detection
Pages 559-564
Pages 559-564
One tool that helps make websites work on various browsers and browser versions is:
The End
The End
Report abuse