2. Styling

Syllabus Points Covered

Programming for the web

Designing web applications

• Model elements that form a web development system

  • client-side (front-end) web programming

• Investigate cascading style sheets (CSS) and its impact on the design of a web application

  • consistency of appearance

So far, we have focused on the content of our web pages. In this chapter, we will learn about styling our web pages using Cascading Style Sheets (CSS).

• 2.1. Cascading Style Sheets
  • 2.1.1. Glossary
• 2.2. Declarations
  • 2.2.1. Syntax
  • 2.2.2. Properties
  • 2.2.3. Inline Styling
  • 2.2.4. Cascading
  • 2.2.5. Glossary
• 2.3. CSS Units
  • 2.3.1. Absolute Units
  • 2.3.2. Relative Units
  • 2.3.3. Glossary
• 2.4. Box Model
  • 2.4.1. display Property
  • 2.4.2. Block Elements
  • 2.4.3. Div
  • 2.4.4. Box Model
  • 2.4.5. Inline Elements
  • 2.4.6. Glossary
• 2.5. Changing display type
  • 2.5.1. Example: Make a Block Element
  • 2.5.2. Example: Make an Inline Element
• 2.6. Inspecting Elements
• 2.7. Selectors
  • 2.7.1. General Syntax
  • 2.7.2. Element Selectors
  • 2.7.3. Internal CSS
  • 2.7.4. External CSS
  • 2.7.5. Glossary
• 2.8. Using IDs
  • 2.8.1. Element IDs
  • 2.8.2. ID Selectors
• 2.9. Using Classes
  • 2.9.1. Element Classes
  • 2.9.2. Class Selectors
• 2.10. Advanced Selectors
  • 2.10.1. Grouping Selector
  • 2.10.2. Descendant Selector
  • 2.10.3. Child Selector