Chapter 4 - Cascading Style Sheets
Cascading Style Sheets (CSS) let you control the display characteristics of your web site. In this chapter, you examine the syntax of CSS and learn how to combine CSS rules with your HTML code. You start by examining the CSS style rules, and then you apply them to build a basic style sheet. You learn selection techniques to apply a particular style declaration to an element in your document. You learn about inheritance and how it affects your styles. The <div> and <span> elements let you apply styles to groups of elements or sections of text. More specific techniques include using the class attribute and id attribute to provide customized naming for your styles and applying the styles consistently across an entire web site. You learn about using pseudo-selectors and pseudo-elements to select and apply CSS styles to links and to create special effects such as hovers, generated content, drop caps, and typographic effects.
When you complete this chapter, you will be able to:
- Recognize the benefits of using CSS
- Build a basic style sheet
- Use inheritance to write simpler style rules
- Examine basic selection techniques
- Apply basic selection techniques
- Use class and id selectors
- Use the <div> and <span> elements
- Use other selectors
CSS Cross Reference Charts
Download the Chapter 4 activity files.